根据其他选择的手动更改自动更改所选选项

Question

我有2个不同ID的相同选择。如果我换一个，另一个应该改为相同的选项。使用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

使用更改事件处理程序并根据值进行更新。

＆＃13;

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;