如何在下拉菜单中根据所选选项设置隐藏字段的值？

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（）函数将一个匿名事件附加到下拉列表中。