将数据从选择传输到另一个,反之亦然

时间:2013-06-03 10:43:55

标签: php jquery select

我有2个选择(a,b)。两个选择中的数据相同。 我希望当我在其中一个中选择一个选项时,同样的选项会在第二个选项中消失。如果重新选择其他选项,那么应该重新出现的那个选项

TX

1 个答案:

答案 0 :(得分:1)

点击http://jsfiddle.net/RTzwL/

HTML

<select id="first">
    <option value="india">India</option>
    <option value="usa">USA</option>
    <option value="japan">Japan</option>
    <option value="australia">Australia</option>
</select>

<select id="second">
    <option value="india">India</option>
    <option value="usa">USA</option>
    <option value="japan">Japan</option>
    <option value="australia">Australia</option>
</select>

的Javascript

$('select').change(function() {
    $(this).siblings('select').find('option').attr({disabled:false});
   var thisIndex = parseInt($(this)[0].selectedIndex)+1;
    $(this).siblings('select').find('option:nth-child('+thisIndex+')').attr({disabled:true});
});