Question

我有以下Jquery将我的选择列表的值附加到第二个第二个选择列表中。

Jquery的

$('#country').change(function() {
        var getid = $(".selectlist").val();
        $('#countryid').html('');
        $.each(getid, function(index, val) {
            $('#countryid').append($(val).clone());
        });
});

我发现如果我取消选择父母选择（国家/地区）中的项目，则选项“选择国家/地区代码”＆＃39;在孩子（countryid）中选择消失。当var getid为空时，如何将其重新引入我的追加？

HTML

<!-- Parent -->
<select name="country" id="country" class="selectlist">
     <option value="22">Japan</option>
     <option value="23">United Kingdom</option>
</select>

<!-- Child -->
<select name="countryid" id="countryid">
     <option value="">Choose Country Code</option>
</select>

Answer 1

只需将其附加到$.each()：

之前

$('#country').change(function() {
        var getid = $(".selectlist").val();
        $('#countryid').html('').append($("<option/>", {text: "Choose Country Code"}));
        $.each(getid, function(index, val) {
            $('#countryid').append($(val).clone());
        });
});

如果您在没有选定项目时只想要它：

$('#country').change(function() {
        var getid = $(".selectlist").val();
        $('#countryid').html('');
        $.each(getid, function(index, val) {
            $('#countryid').append($(val).clone());
        });
        if (!getid)
          $("#countryid").append($("<option/>", {text: "Choose Country Code"}));
});

父选择为空时，子选择列表中的默认值消失

1 个答案: