javascript - jQuery - 2 个下拉菜单

Question

我有类似的东西：

HERE

我需要修复它：我在网站上看到 2 个下拉菜单。开始时，我没有从第二个下拉列表中选择任何内容（当我尝试先检查他时）。

有什么帮助吗？

Answer 1

尝试这个..

$("#select1").change(function () {
    if ($(this).data('options') == undefined) {
        /*Taking an array of all options-2 and
              kind of embedding it on the select1*/
        $(this).data('options', $('#select2 option').clone());
    }
    var id = $(this).val();
    var options;
    if( id === '') {
        options = $(this).data('options');
    }
    else {
        options = $(this).data('options').filter('[value=' + id + ']');
    }
    $('#select2').html(options);
}).change();

检查小提琴

Answer 2

试试这种方式： -

演示

var id = this.value;//Get the value of the option.
var options = $(this).data('options'); //get all the saved options.

if (id) { //if there is value then filter it out
    options = $(this).data('options').filter('[value=' + id + ']');
}
$('#select2').html(options).prop('selectedIndex', 0); //save option and set selectedindex to first element.