javascript - jQuery - 2 つのドロップダウン

Question

私はそのようなものを持っています:

HERE

私はそれを修復する必要があります: ウェブサイトに 2 つのドロップダウンが表示されます。開始時に、最初のドロップダウンから何も選択していません.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.