jQuery的：基於1日

的選擇，我有兩個下拉列表，我想使它時，有人從dropdown1選擇值2，dropdown2自動更改爲值第二下拉的變化選擇4.jQuery的：基於1日

<select id="dropdwon1"> 
<option value="1">Item1</option> 
<option value="2">Item2</option> 
<option value="3">Item3</option> 
</select> 

<select id="dropdwon2"> 
<option value="3">Item1</option> 
<option value="4">Item2</option> 
<option value="5">Item3</option> 
</select>

我已經看到如何做到這一點，當值是相同的，但不是當他們不同時。尋找像下面這樣的簡單解決方案。

$("#dropdwon1").change(function(){ 
$("#dropdwon2").val($(this).val()); 
});

來源

2012-08-09 WildWing

S/dropdwon /下拉 – ThiefMaster 2012-08-09 17:45:44

你嘗試過這麼遠嗎？您需要進行某種映射，無論是編碼還是從數據庫中提取，要知道「當dropdown1是2時，dropdown2應該設置爲4」。 – 2012-08-09 17:47:56

@ThiefMaster，s/s \/dropdwon \/dropdown/s \/dropdwon \/dropdown \ // – Alexander 2012-08-09 17:48:46

從您所描述的內容看來，您似乎希望selectedIndex處於同步狀態。

方法如下：

jsFiddle Example

$(function() { 
    $("#dropdwon1").change(function() { 
     $("#dropdwon2")[0].selectedIndex = $(this)[0].selectedIndex; 
    }); 
});

來源

2012-08-09 17:46:53 Gabe

是的，這項工作將爲我正在做的。謝謝你很好，很簡單。 – WildWing 2012-08-17 13:43:30

$("#dropdwon1").change(function(){ 
    $("#dropdwon2").val(+this.value + 2); 
});

DEMO

+this.value會轉換成數字，所以你可以添加2。

$("#dropdwon1").change(function(){ 
    $("#dropdwon2").prop('selectedIndex', this.selectedIndex); 
});

DEMO

來源

2012-08-09 17:49:46 thecodeparadox

這工作：

$('#dropdown1').change(function(){ 
    var ind = $(this).find('option:selected').index(); 
    $('#dropdown2 option').eq(ind).prop('selected', true); 
});

來源

2012-08-09 17:49:55

var ac1=$("#dd1").val(); 
$("#dd2").val(ac1);

來源

2018-01-29 07:26:35 Imran

請解釋你的代碼 – GGO 2018-01-29 10:17:41

jQuery的：基於1日

回答

相關問題