jQuery :: 複数の select で selected を連動する

デモ

 


デモのソース

<script type="text/javascript" src="/path/to/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(function(){
    $('.pulldown').change(function(){
        $('.pulldown').val($(this).val());
    });
});
</script>
 
<select class="pulldown">
<option value="バナナ">バナナ</option>
<option value="すいか">すいか</option>
<option value="メロン">メロン</option>
</select>
 
<select class="pulldown">
<option value="バナナ">バナナ</option>
<option value="すいか">すいか</option>
<option value="メロン">メロン</option>
</select>