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();

<强> Check Fiddle

Answer 2

尝试这种方式： -

Demo

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.

jQuery - 2下拉列表

2 个答案:

Demo