Question

是否可以使用javascript修改选项并添加另一行选项？

像这样：

<select>
    <option value ="1">1</option>
    <option value ="2">2</option>
    <option value ="3">3</option>
</select>

进入这个：

<select>
    <option value ="1">1</option>
    <option value ="2">2</option>
    <option value ="3">3</option>
    <option value ="4">4</option>
    <option value ="5">5</option>
</select>

如果可以这样做，有人可以告诉我怎么做？

Answer 1

select = document.getElementById('selectElementId');    
var opt = document.createElement('option');
opt.value = 4;
opt.innerHTML = 4;
select.appendChild(opt);

您也可以在循环中执行此操作：

http://jsfiddle.net/wdmz3cdv/

var min = 4,
    max = 5,
    select = document.getElementById('selectElementId');

for (var i = min; i<=max; i++){
    var opt = document.createElement('option');
    opt.value = i;
    opt.innerHTML = i;
    select.appendChild(opt);
}

Answer 2

在jquery中你可以这样做......

$('#selectID').append($('<option>', {
    value: 1,
    text: 'New Option' }));

在javascript中你可以这样做..

var x = document.getElementById("selectId");
    var option = document.createElement("option");
    option.text = "New Option";
    option.value = "Your Value";
    x.add(option);

Answer 3

选择一个ID
使用JavaScript

一种方式是这样的：

var sel = document.getElementById("mySel");
sel.options[sel.options.length]=new Option(4,4); //adds <option value="4">4</option> to end

Answer 4

你可以这样写：

var option = document.createElement("option");
option.text = "Text";
option.value = "myvalue";
var select = document.getElementById("id-to-my-select-box");
select.appendChild(option);

Source

HTML选择选项：如何添加另一行选项

4 个答案: