kann ausgewählten Wert aus Ajax-Dropdown nicht übergeben

Question

Ich habe eine Ajax Dropdown-Liste, die Werte aus der Datenbank generiert. Ich kann den Wert auswählen, aber aus irgendeinem Grund kann ich den ausgewählten Wert scheinbar nicht an eine andere Variable übergeben oder den Wert einfach an eine leere Textbox übergeben. Unten ist mein Ajax-Anruf. Wie übergebe ich den ausgewählten Wert zurück an den HTML? Ich habe request.getParameter getan, aber es kommt leer zurück. Aus irgendeinem Grund wird der ausgewählte Wert nicht beibehalten.

function listSess(){ 
    var name = document.getElementById("studentID").value; 

    $.ajax({ 
     url : "<%=context%>/ListSessionsServlet?name=" + name, 
     type : "POST", 
     async : false, 
     dataType: "json", 
      success : function(data) { 
       var toAppend = ''; 
       $.each(data,function(i,o){ 

        toAppend += '<option>'+o.sessid+'</option>'; 
       }); 

      $('#sessid') 
       .find('option') 
       .remove() 
       .end() 
       .append(toAppend); 

      } 
    }); 
} 

Answer 1

Tag-Option sollte Wert Eigenschaft festgelegt werden.

$.each(data,function(i,o){ 
    toAppend += '<option value="'+o.sessid+'">'+o.sessid+'</option>'; 
    }); 

Answer 2

It is better to debug the data object. If it is the normal object with property names and property values then it might work. 

function listSess(){ 
    var name = document.getElementById("studentID").value; 

    $.ajax({ 
     url : "<%=context%>/ListSessionsServlet?name=" + name, 
     type : "POST", 
     async : false, 
     dataType: "json", 
      success : function(data) { 
       var toAppend = ''; 
       $.each(data,function(i,o){ 

        toAppend += '<option value="'+o+'">'+i+'</option>'; 
       }); 

      $('#sessid') 
       .find('option') 
       .remove() 
       .end() 
       .append(toAppend); 

      } 
    }); 
}