ドロップダウンで選択したオプションに基づいて非表示フィールドの値を設定するにはどうすればよいですか？

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：私は（私の配列でidThreeを）隠し値を設定するにはどうすればよい

$(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>'); 
     }  
}); 

私はダウン私のドロップで学生を選ぶ後？それに対して別の機能を持たなければならないのでしょうか、あるいはこの問題に対する別のアプローチがありますか？誰かが助けてくれたら教えてください。

Answer 1

jQueryの.change（）イベントを使用することをお勧めします。ここ

ドキュメント： https://api.jquery.com/change/

あなたのdocument.ready（）関数内$('#selUser').change(function() { // what you want to do here });ような何かがドロップダウンに匿名のイベントを添付します。