Question

我知道更改INPUT TEXT的值。

<script>
    document.write('<input type="text" id="1" value="Hello">');
    document.getElementById('1').value = ("Good bye");
</script>

如何使用此方法向空SELECT添加值？

<script>
    document.write('<select><option id="2"></option><option id="3"></option></select>');
    document.getElementById ........;
</script>

我希望我的空SELECT成为一个有两个选项的SELECT：＆＃34; Hello＆＃34;并且＆＃34;再见。＆＃34;

Answer 1

为什么不写：

document.write('<select><option id="2">Hello</option><option id="3">Good bye</option></select>');

或者如果您想以编程方式添加一个：

document.write('<select id="s"></select>');
var s = document.getElementById("s");

var option = document.createElement("option");
option.text = "Hello";
s.add(option);

var option = document.createElement("option");
option.text = "Good bye";
s.add(option);

Answer 2

这很简单......

<script>
    var add = function(){
    var sel = document.getElementById("sel");
    var in1 = document.getElementById("in").value;

    var opt = document.createElement("option");
    opt.innerHTML = in1;

    sel.appendChild(opt);
}
</script>
<select id="sel">

</select>
<input id="in" type="text" />
<button onclick="add();">add</button>

这是演示：CLICK 另一个例子如何使用innerHTML来做这件事：jsfiddle

这是通过使用javascript创建一个你知道option的元素来完成的，然后将它附加在元素select中，选项文本是输入框的值...并希望你了解。

Answer 3

您可以使用jQuery轻松完成

$(document).ready(function() {
$("select").append('<option id="3" value="somevalue">Some text</option>"');
});

如何将值添加到空SELECT？

3 个答案: