Erstellen eines Auswahl-Tags mit Optionen in JQUERY

Question

Ist es möglich, ein Auswahl-Tag mit Optionen in JQuery zu erstellen?

  $("<select id="jSelect"> 
     <option value="1">String</option> 
     <option value="2">Number</option> 
     <option value="3">Date</option> 
    </select>").appendTo(".menu li") 

Sollte das funktionieren? Es funktioniert nicht für mich.

Answer 1

Sie verwenden Zeichenfolgen falsch. Sie haben doppelte Anführungszeichen in doppelt zitierten Strings, versuchen Sie dies stattdessen auch string in JavaScript nicht über mehrere Zeilen.

$(' <select id="jSelect">'+ 
      '<option value="1">String</option>'+ 
      '<option value="2">Number</option>'+ 
      '<option value="3">Date</option>'+ 
    '</select>').appendTo(".menu li") 

Answer 2

versuchen Sie dies.

var optionList = ["String", "Number" , "Date"]; 
var combo = $("<select>").attr("id", "jSelect"); 
$.each(optionList, function (j, el1) 
    { 
    combo.append("<option>" + el1 + "</option>"); 
    }); 
combo.appendTo(".menu li");