Question

我在java脚本中使用for循环完成了一个下拉列表。如何从每个列表中获取值并将其添加到一起并在文本区域中显示结果。

这就是我现在所拥有的：

list1.onchange = function()
{
    document.getElementTagId("input").value = list1.option[list1.selectedIndex].value;‌
}

Answer 1

HTML标记

<select id="dropdown">
    <option>First</option>
    <option>Second</option>
    <option>Third</option>
</select>
<textarea id="textarea"> </textarea>

的Javascript

 document.getElementById('dropdown')
    .addEventListener('change', function () {
       console.log(this.value);  
        document.getElementById('textarea').innerHTML += this.value;
    }, false);

工作小提琴here。希望这会有所帮助。

答案2：

更新问题后，

var list1 = document.createElement("select"); 
for(var u=0; u<=20; u++) { 
    var w= document.createElement("option"); 
    var e = document.createTextNode(u); 
    w.appendChild(e); 
    list1 .appendChild(w); 
} 

document.getElementsByTagName('body')[0].appendChild(list1);

list1.onchange = function() { 
    document.getElementsByTagName("input")[0].value=list1.value; 
}

您没有将list1添加到文档正文中。这就是你无法看到结果的原因。

在javascript中下拉列表

1 个答案: