Question

我想为多个选择框添加一个选项，但有些我不能这样做，下面是我的代码片段。请帮我解决这个问题。

<select name="selBx-1" id="selBx-1" class="sel-opt">
    <option value="general">General</option>
    <option value="special">Special</option>
    <option value="addnew">Add New</option>
</select> 

<select name="selBx-2" id="selBx-2" class="sel-opt">
    <option value="general">General</option>
    <option value="special">Special</option>
    <option value="addnew">Add New</option>
</select> 

<script type="text/javascript">
$(document).ready(function(e) {
    $(document).on("change",".sel-opt",function(){
        var selVal = $(this).val();
        if(selVal == 'addnew')
        {
            $(".sel-opt option:last").before("<option value='newoption'>New Option</option>");
        }
    })
});
</script>

Answer 1

我无法判断这是否是您正在寻找的确切功能，但希望它有所帮助。

$(document).ready(function(e) {

    $(".sel-opt").on("change", function(){
        if($(this).val() === "addnew"){
            $(".sel-opt").find("option:last").before("<option value='newoption'>New Option</option>");
        }
    });

});

Answer 2

$(document).ready(function(e) {
    $('select').change(function(){
        var selVal = $(this).val();
        if(selVal == 'addnew')
        {
            $(".sel-opt").each(function() {
                $(this).children('option').filter(':last').before(new Option("New Option", "newoption"));
            });
        }
    })
});

JSFIDDLE DEMO

将选项附加到多个选择框

2 个答案: