Изменить select при изменении первого

Рейтинг: 0Ответов: 1Опубликовано: 22.09.2014

Есть один select:

<select id="one">
    <option value="one">One</option>
    <option value="two">One</option>
    <option value="three">One</option>
    <option value="four">One</option>
</select>

И есть второй select, идентичный первому.

<select id="two">
    <option value="one">One</option>
    <option value="two">One</option>
    <option value="three">One</option>
    <option value="four">One</option>
</select>

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

$('#one').change(function(){

            var val     = $("#one").val();

            $('#two option:selected').remove();
            $("#two option").each(function(){
                if($(this).val() == val){
                    var n = this.nodeName;  
                    $(n).attr('selected', 'selected');
                }
            });
    });

В данном случае всем option присваивается selected

Ответы

▲ 3Принят
$('#one').on('change', function(){
    $('two').val($(this).val());
});