JQuery: dynamicznie twórz znaczniki
Używam JQuery do dynamicznego (na podstawie wyboru użytkownika) tworzenia tagu. Użytkownik wprowadza opcje w polu tekstowym, a mój kod tworzy jego tag wyboru. Skrypt to:
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");
gdzie msj_form to mój identyfikator div, do którego dołączany jest tag. W tej chwili tworzy:
<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>
Ale chcę też połączyć etykietę i<tr><td>
kod wraz z tagiem, tak aby kod wyglądał następująco:
<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>