jQuery的選項選擇字段在另一個選項選擇字段值相同

Question

有人可以幫我這個：

我有2場有多個選擇選項，這兩個字段具有相同的選項中選擇。

有人可以幫我一個jQuery代碼，它會自動在第二個字段上選擇相同的值嗎？

可以說，在第一場我選擇選項「USA」我想jQuery來自動選擇在第二場

問候

Answer 1

請注意，這是一個非常難得的要求相同的選項「USA」你的問題..但是，這是可能的。

您可以將change事件附加到您的命名select1第一要素，然後在函數處理程序中設置的字段名稱select2值是這樣的：

$('select[name=select1]').on('change', function() { 
 
    $('select[name=select2]').val($(this).val()); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<select multiple name="select1"> 
 
    <option value="val1">Val 1</option> 
 
    <option value="val2">Val 2</option> 
 
    <option value="val3">Val 3</option> 
 
    <option value="val4">Val 4</option> 
 
    <option value="val5">Val 5</option> 
 
</select> 
 

 
<select multiple name="select2"> 
 
    <option value="val1">Val 1</option> 
 
    <option value="val2">Val 2</option> 
 
    <option value="val3">Val 3</option> 
 
    <option value="val4">Val 4</option> 
 
    <option value="val5">Val 5</option> 
 
</select>