我需要在网页中添加下拉列表。 一般HTML代码是这样的;
<select id="au_1_sel" name="au_1_sel" class="searchw8">
<option value="AU" selected="">method1</option>
<option value="FI">method2</option>
</select>
如何使用 JavaScript 来创建如上所示的元素。 创建此下拉列表后。我需要在按钮后添加它。
var button = document.getElementById("button1");
我已经得到了按钮元素。 此外,当单击按钮时,我想知道人们在下拉列表中选择了哪个选项。我怎样才能使用 JavaScript 做到这一点。
我试试这个
var select = document.createElement("select");
select.id = "wayToCalculate";
//select.name="au_1_sel";
//select.class=class="searchw8";
var option1 = document.createElement("option");
option1.value="1";
option1.selected="";
option1.innerHTML= "1";
var option2 = document.createElement("option");
option2.value="2";
option2.innerHTML= "2";
var option3 = document.createElement("option");
option3.value="3";
option3.innerHTML= "3";
select.addChild(option1);
select.addChild(option2);
select.addChild(option3);
$(select).insertAfter(button);
但是说到这里。 select.addChild(option1);
chrome 浏览器给我一个错误。
Uncaught TypeError: undefined is not a function
这里好像addChild不起作用。
最佳答案
HTML:
<div id="container">
<button id="button1">button1</button>
</div>
JavaScript
var div = document.querySelector("#container"),
frag = document.createDocumentFragment(),
select = document.createElement("select");
select.options.add( new Option("Method1","AU", true, true) );
select.options.add( new Option("Method2","FI") );
frag.appendChild(select);
div.appendChild(frag);
关于JavaScript 创建下拉列表并获取选中的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23718753/