根據其他選擇的手動更改自動更改選定的選項

我有兩個相同的選擇與不同的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>

來源

2017-01-03 Niklas Stadler

...和http://stackoverflow.com/questions/36457921/how-to-change-select-tag-value-when-other-select-is-change和其他幾個。發佈前請徹底搜索。更多關於搜索[這裏]（/幫助/搜索）。 –

使用更改事件處理程序並基於該值進行更新。

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>

來源

2017-01-03 14:10:04

但它並沒有與selectboxIt一起工作......你也有問題嗎？ –

@NiklasStadler：你可以在http://jsfiddle.net分享代碼嗎 –

根據其他選擇的手動更改自動更改選定的選項

回答

相關問題