JQuery:动态创建选择标签

Question

我正在使用 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>

但我还想连接一个 Label 和 <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>

Answer 1

var s = $("<select id=\"selectId\" name=\"selectName\" />");
for(var val in data) {
    $("<option />", {value: val, text: data[val]}).appendTo(s);
}

在for循环之后，像这样用TableRow和Cells包裹所有内容，Jquery Wrap()

$(s).wrap('<table><tr><td></td></tr></table>');