我正在使用
JQuery动态(基于用户选择)创建标签.用户在文本框中输入需求选项,我的代码创建它的选择标签.
脚本是：
脚本是：
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>
解决方法
var s = $("<select id=\"selectId\" name=\"selectName\" />");
for(var val in data) {
$("<option />",text: data[val]}).appendTo(s);
}
在for循环之后,将所有内容与TableRow和Cells一起包含在内,如Jquery Wrap()
$(s).wrap('<table><tr><td></td></tr></table>');
