使用嵌入的选择表单元素

Question

我创建了下面的表/表单和脚本，它将从数据库中获取第1列，而第2列需要从select表单输入。

我可以将表单参数作为输入添加到第二列，但不能通过追加显示。

我尝试了这个，但没有奏效：

tr.append('"<td>" + status="status[i]" '<select size="3"> <option value="green">Green</option><option value="yellow">Yellow</option><option value="red">Red</option></select>'+ "</td>"');

请帮助并感谢您抽出宝贵时间！

这是我的代码片段，有效;但不符合我的要求。

＆＃13;

＆＃13;

<script type="text/javascript">
    $(document).ready(function() {
        var uverseStatus = [{
            "category": "System Availability",
            "status": '<select size="3"> <option value="green">Green</option><option value="yellow">Yellow</option><option value="red">Red</option></select>'
        }];
        var tr;
        for (var i = 0; i < uverseStatus.length; i++) {
            tr = $('<tr/>');
            tr.append("<td>" + uverseStatus[i].category + "</td>");
            tr.append("<td>" + uverseStatus[i].status + "</td>");
            $('table').append(tr);
        }

    });
</script>

＆＃13;

<table class="table table-hover">
    <thead>
        <th>Category</th>
        <th>Status</th>
        <tr>
            <td>Select Overall Status</td>
            <td>
                <select name="statusUverse" size="3">
          <option value="green">Green</option>
          <option value="yellow">Yellow</option>
          <option value="red">Red</option>
        </select>
            </td>
        </tr>
    </thead>
</table>

＆＃13;

＆＃13;

＆＃13;

Answer 1

我继续工作，下面的变化正在发挥作用。希望这可以帮助到达这里的人：）

这就是我想要的。

tr.append('<tr id="row'+i+'"><td><select name="statusUverse" size="3"><option value="green">Green</option><option value="yellow">Yellow</option><option value="red">Red</option></select><td></tr>');

    $(document).ready(function() {
        var uverseStatus = [{
            "category": "System Availability"
        }];
        //var taskList = $.parseJSON(result);
        var tr;
        for (var i = 0; i < uverseStatus.length; i++) {
            tr = $('<tr/>');
            tr.append("<td>" + uverseStatus[i].category + "</td>");
            tr.append('<tr id="row' + i + '"><td><select name="statusUverse" size="3"><option value="green">Green</option><option value="yellow">Yellow</option><option value="red">Red</option></select><td></tr>');
            $('table').append(tr);
        }

    });