选择 <select><option>从使用jQuery，Javascript或PHP的替代选择

Question

我需要选择复制方面的帮助，因为我对此一无所知。 这是我的问题：我需要从一个选择中选择一个状态，然后让它在另一个选择中自动选择相同的状态。 但是每个选择的值都不同，因为信息将被处理到服务器（否则，不会有问题，因为我不需要从一个选择复制到另一个选择）。 这是我的格式：

<select name="state" size="1" id="stateSelect">
<option value="AL">Alabama</option>
<select>

<select name="state" size="1" id="stateSelect2">
<option class="AL" value="Alabama">Alabama</option>
</select>

这是我目前在互联网上拼凑而成的当前jQuery（这显然行不通）：

$(function(){
    $("select[name*='state']").change(function(){
        $("#stateSelect2").children(':selected').hasClass( $("#stateSelect").val() )
    })
})

因此，我需要做的是复制“ stateSelect”所选择的值，并通过具有“ stateSelect”的所选选项的值的类来选择“ stateSelect2”的值。 我不知道这样做有多容易或有多困难，但是我肯定会感谢您对此问题的任何帮助。 如果您使用JSFiddle，那么奖金会指向您。 谢谢！

Answer 1

$('#stateSelect').on('change', function(){
    var v = $(this).val();
    $('#stateSelect2 .'+v).prop('selected', true);
});

http://jsfiddle.net/dipser/9ca0eL1d/

Answer 2

这样的事情就足够了：

$(document).ready(function(){
    $('#stateSelect').on('change', function(){

        var val = $(this).val();

        if(val.length > 0 && $('#stateSelect2 option.' + val).length > 0) {

            $('#stateSelect2 option.' + val).attr('selected', 'selected');
            // could also use .prop() here instead of attr
            // which would be .prop('selected', true);
        }
    });
});

if语句可确保选定的option具有一个值，并且还存在于第二个select 。

JSFiddle演示