JQuery を使用して動的に (ユーザーの選択に基づいて) タグを作成しています。ユーザーが必要なオプションをテキスト ボックスに入力すると、私のコードはその select タグを作成します。スクリプトは次のとおりです。
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");
msj_form は、タグが追加される私の div ID です。現在、次のものが作成されます。
<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>
<tr><td>
しかし、コードが次のようになるように、ラベルとコードをタグとともに連結したいとも考えています。
<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>