javascript - 如何动态创建下拉菜单？

Question

当根下拉列表发生一些变化但它不起作用时，我正在尝试填充下拉列表。代码:

$('#book_selection').change(function(){
    alert("changed");
    var option = document.createElement("option");
    option.text = 'df';
    option.value = 'df';
    var temp = document.createElement('select');
    temp.appendChild(option);
    var root = document.getElementById('book_selection');
    root.appendChild(temp);
    alert("done");
});

Answer 1

我相信这就是您想要的，如果更改了第一个选择菜单，则添加一个新的选择菜单:

$('#book_selection').change(function() {
    $("<select />").append($("<option>", {"value": "me", "text": "me"})).insertAfter($(this));
});

当然，您需要添加自己的逻辑或提供一个关于您希望新选项成为什么的数组。

http://jsfiddle.net/6EzZs/