0

私は選択されたjqueryプラグインを使用しています.2つの選択フィールドがsourceあります。target

<select data-placeholder="Source language" class="chzn-select" id="os_source" style="width:200px;">
                    <option value=""></option> 
                    <option value="246">Somali</option>
                    <option value="239">Swahili</option>
                    <option value="259">Zulu</option>
                    <option value="237">Tigrinya</option>
                    <option value="261">Afrikaans</option>
                    <option value="236">Amharic</option>
                    <option value="265">Polish</option>
                    <option value="241">Czech</option>
                    <option value="3476">English</option>
                    <option value="281">German</option>
                    <option value="285">Romanian</option>
                    <option value="243">Arabic</option>
                    <option value="299">Chinese</option>
                    <option value="401">French</option>
                    <option value="402">Italian</option>
                    <option value="403">Russian</option>
                    <option value="404">Spanish</option>
                    <option value="405">Turkish</option>

              </select>



<select data-placeholder="Target language" class="chzn-select" id="os_target" multiple style="width:200px">
                    <option value=""></option> 
                    <option value="246">Somali</option>
                    <option value="239">Swahili</option>
                    <option value="259">Zulu</option>
                    <option value="237">Tigrinya</option>
                    <option value="261">Afrikaans</option>
                    <option value="236">Amharic</option>
                    <option value="265">Polish</option>
                    <option value="241">Czech</option>
                    <option value="3476">English</option>
                    <option value="281">German</option>
                    <option value="285">Romanian</option>
                    <option value="243">Arabic</option>
                    <option value="299">Chinese</option>
                    <option value="401">French</option>
                    <option value="402">Italian</option>
                    <option value="403">Russian</option>
                    <option value="404">Spanish</option>
                    <option value="405">Turkish</option>

              </select>

同じソース言語を選択したときにターゲット言語を非表示にしたい (ユーザーがソースで英語を選択すると、ターゲットで英語が消えるなど)

どうすればそれを達成できますか？ 

 $('#os_source').chosen().change(function() {
    var source = $(this).val();

        $('.chzn-results').val(source).hide();
         $("#os_target").trigger("liszt:updated");

});

これがデモ http://jsfiddle.net/LUYcA/60/です

4

1 に答える 1

1

これはうまくいくはずです：

$('#os_source').chosen().change(function(){
    $("#os_target option").attr("disabled",false);
    var source = $(this).find("option:selected").val();
    $("#os_target option[value="+source+"]").attr("disabled",true);
    $("#os_target").trigger("liszt:updated");
});

私が使用していない理由は、タグ.hide()で使用するとクロス ブラウザの問題が発生するためです。option

更新された JSFiddle: http://jsfiddle.net/LUYcA/61/

于 2013-04-19T19:48:25.723 に答える