0

最初のドロップダウンを選択して2番目のドロップダウンの値を変更するリンクされたドロップダウンを準備しています。以下は私のコードです。値を変更します。

$('#subSelect option[data-option="option0"]').show();
$('#mainSelect').live('change', function () {

    $('#subSelect option').hide();
    $('#subSelect option[data-option="' + $(this).val() + '"]').show();
    var $myva = $('#mainSelect').attr('title');
    alert($myva);
    $('#subSelect option:visible:first').attr('selected', true);
});
$('#mainSelect').trigger('change');

ドロップダウンの実際の値が失われ、オプション 0、オプション 1 ～ オプション 13 が表示されます。ガイドしてください。

4

1 に答える 1

0

試す

var $sub = $('#subSelect');
var subOpts = $sub.html();

$('#subSelect option:not([data-option="option0"])').remove();
$('#mainSelect').on('change', function () {
    var select = $(this).val();

    $sub.empty();
    var opts = $(subOpts).filter('[data-option="' + select + '"], [data-option="option0"]').appendTo($sub)

    $sub.val(opts.first().val())
}).trigger('change');

デモ:フィドル

于 2013-09-15T06:11:01.253 に答える