Wie wird der Wert für das versteckte Feld basierend auf der ausgewählten Option im Dropdown-Menü festgelegt?

Question

Ich habe meine Dropdown in JQuery erstellt, wo ich Werte und Namen aus Array lesen. Dieser Teil funktioniert gut, jetzt möchte ich den Wert für das versteckte Feld festlegen, das ich über meinem ausgewählten Tag platziert habe. Also jedes Mal, wenn ich meine Option ändere, muss ich einen anderen Wert für dieses versteckte Feld einstellen. Hier ist mein Code:

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

Wie ich versteckten Wert (idThree in meinem Array) einstellen kann, nachdem ich die Schüler in meinem Dropdown auswählen? Soll ich dafür eine andere Funktion haben oder gibt es einen anderen Ansatz für dieses Problem? Wenn jemand helfen kann, lass es mich wissen.

Answer 1

Ich würde vorschlagen, jQuery's .change() Ereignis zu verwenden.

Dokumentation hier: https://api.jquery.com/change/

So etwas wie $('#selUser').change(function() { // what you want to do here }); in Ihrem document.ready() Funktion würde ein anonymes Ereignis an dem Drop-Down-befestigen.