javascript - 从 javascript 或 jquery 中添加或删除下拉元素

Question

我有下拉列表，其值使用另一个下拉列表的值填充。这里的问题是，当第一个值发生变化时，我需要绑定第二个值。我需要从 javascript 中完成。我唯一需要做的就是在第一个下拉列表更改时删除并在第二个下拉列表中添加选择选项。我怎样才能做到这一点？提前致谢。

Answer 1

试试这个如果你在客户端尝试

用 asp.net 服务器控件替换你的控件

Answer 2

通过提供的有限信息不太确定您想要什么，但这是我认为您正在寻找的解决方案：

HTML：

<select id="primary">
    <option value="one">One</option>
    <option value="two">Two</option>    
</select>
<select id="secondary"></select>

jQuery：

var opts = {
    'one':['a','b','c'],
    'two':['d','e','f']
};

$('#primary').change(function(){
    var select = [];
    $.each(opts[this.value], function(k, v){
        select.push('<option>'+ v +'</option>');            
    });
    $('#secondary').html(select.join(''));          
});

演示：http: //jsfiddle.net/28TQZ/

Answer 3

一种简单的方法是只有一个主下拉菜单和一堆开始隐藏的辅助下拉菜单。当您从第一个中选择某些内容时，您会取消隐藏相关的第二个

Answer 4

$("#dropdownlist1").change(function () {
    var selected = $("#dropdownlist1 option:selected");
    //clear
    $("#dropdownlist2").html("");
    $("#dropdownlist2").append($("<option/>").text(selected.text()).val(selected.val()));
})

Answer 5

• 创建您需要的所有下拉菜单，但只在第一个下拉菜单中添加选项。接下来的只有一个“默认”值。
• 在选择第一个下拉列表时，您使用 jQuery 获取第二个下拉列表的值，基于在第一个下拉列表中选择的值： $.post('ajax/aj_populate2nddropdown.php', $("#firstdropdown") .val(), function(result) { $('div.placedaround2nddropdown').html(result);
  });
• 文件 ajax/aj_populate2nddropdown.php 收集第二个下拉列表的值，并返回它们，作为选项插入到下拉列表中。