は、他の選択の手動変更に基づいて選択されたオプションを自動的に変更します。

Question

異なるIDを持つ2つの同じ選択肢があります。私が1つを変えると、もう1つは同じオプションに変わるはずです。 Jqueryの使用。

<select name="quantityMobile" id="quantityMobile"> 

    <option selected value="1">1 pice</option> 
    <option value="2">2 pice</option> 
    <option value="3">3 pice</option> 
    <option value="4">4 pice</option> 

</select> 

<select name="quantityTablet" id="quantityTablet"> 

    <option selected value="1">1</option> 
    <option value="2">2</option> 
    <option value="3">3</option> 
    <option value="4">4</option> 

</select> 

Answer 1

変更イベントハンドラを使用し、その値に基づいて更新します。

var $ele = $('#quantityTablet,#quantityMobile').change(function() { 
 
    $ele.val(this.value); 
 
    // or $ele.not(this).val(this.value); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select name="quantityMobile" id="quantityMobile"> 
 
    <option selected value="1">1 pice</option> 
 
    <option value="2">2 pice</option> 
 
    <option value="3">3 pice</option> 
 
    <option value="4">4 pice</option> 
 
</select> 
 

 
<select name="quantityTablet" id="quantityTablet"> 
 
    <option selected value="1">1</option> 
 
    <option value="2">2</option> 
 
    <option value="3">3</option> 
 
    <option value="4">4</option> 
 
</select>