JQuery: Dynamisches Erstellen eines ausgewählten Tags
Ich verwende JQuery, um dynamisch (basierend auf der Benutzerauswahl) Tags zu erstellen. Der Benutzer gibt die erforderlichen Optionen in ein Textfeld ein und mein Code erstellt ein Auswahl-Tag dafür. Skript ist:
<code>var numbersString = "1,2,3,4,5,6"; var data = numbersString.split(','); var s = $("<select id=\"selectId\" name=\"selectName\" />"); for(var val in data) { $("<option />", {value: val, text: data[val]}).appendTo(s); } s.appendTo("#msj_form"); </code>
Dabei ist msj_form meine Div-ID, an die das Tag angehängt wird. Im Moment schafft es:
<code><select id="selectId" anme="selectName"> <option value="0">1</option> <option value="1">2</option> <option value="2">3</option> <option value="3">4</option> <option value="4">5</option> <option value="5">6</option> </select> </code>
Ich möchte aber auch ein Label verketten und<tr><td>
Code zusammen mit dem Tag so, dass der Code wie folgt aussieht:
<code><tr> <td>My Label</td> <td> <select id="selectId" anme="selectName"> <option value="0">1</option> <option value="1">2</option> <option value="2">3</option> <option value="3">4</option> <option value="4">5</option> <option value="5">6</option> </select> </td> </tr> </code>