如何在下拉菜單中根據所選選項設置隱藏字段的值？

Question

我有我在JQuery中創建的下拉列表，我從數組中讀取值和名稱。該部分工作正常，現在我想爲隱藏字段設置值，將其放在我的選擇標記上方。所以每次我改變我的選擇，我必須爲該隱藏字段設置不同的值。這裏是我的代碼：

HTML：

<td> 
    <input type="hidden" id="userID" name="user" value=""/> 
    <select id="selUser" name="selUser"> 
     <option value="">--Select Student--</option> 
    </select> 
</td> 

JQuery的：

$(document).ready(function() { 
     var userValues = []; 

     userValues.push({'idOne':"31",'idTwo':"Tom, Poitras",'idThree':"88"}); 
     userValues.push({'idOne':"16",'idTwo':"All, Dirks",'idThree':"89"}); 
     userValues.push({'idOne':"15",'idTwo':"John, Reed",'idThree':"50"}); 

     for(var i=0; i < studValues.length; i++){ 
      $('#selUser').append('<option value='+userValues[i].idOne+'>'+userValues[i].idTwo+'</option>'); 
     }  
}); 

如何設置隱藏價值（idThree在我的陣列）我挑的學生後，我的下拉？我應該有另外一個功能嗎？或者有另一種解決這個問題的方法？如果有人能幫助請讓我知道。

Answer 1

我建議使用jQuery的.change（）事件。

文檔瀏覽： https://api.jquery.com/change/

喜歡的東西$('#selUser').change(function() { // what you want to do here });您的document.ready（）函數將一個匿名事件附加到下拉列表中。