2013-04-19 2 views
0

Я использую JQuery плагин Избранный и у меня есть два выбора полей один является source и другой targetJQuer Chosen скрывает цель смены источника?

<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/

ответ

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/

+0

благодаря @Joe, но это не работает – osos

+0

Спасибо, что сказал мне, что я только что обновил его и теперь он работает, как ожидалось. – Joe

+0

Привет @Joe это не относится к плагину Chosen Jquery, http://jsfiddle.net/LUYcA/60/ – osos

Смежные вопросы