Question

我是jQuery的新手。我有一个列表框，其中包含其他列表框中的选定项目。我想在Button Click ..

中一个接一个地显示表格行中的所有选定项目

直到现在我做了类似的事情。但是代码没有运行（ sel1 是listbox1， sel2 是listbox2，< strong> tab2 是表ID）。

在下面的代码中，我想在表格的第一列显示sel2项目。

<script>

 $(document).ready(function()
 {
    $("#button").click(function()
    {
    for(i=1;i<$(#'sel2').length;i++)
        {
      $("#tab2 tbody").append("<tr><td></td>'(#sel2).val'<td><input type='text'></td></tr>")
        }});
 });

Answer 1

你好plz尝试这个，我希望这可以帮助你解决当前的问题：

<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>

<select id="sel2" multiple>
    <option value="first">first option</option>
    <option value="second">sec option</option>
    <option value="third">third option</option>
    <option value="fourth">fourth option</option>
    <option value="fifth">fifth option</option>
    <option value="sixth">six option</option>
</select>


<table id="tab2">
<tbody>

</tbody>
</table>

<button id="add" value="Add">Add</button>

<script>

 $(document).ready(function()
 {

    $("#add").click(function()
    {
        var selectval = $('#sel2').val();

        var len = selectval.length;

        for(var i=0; i < len; i++){
            $("#tab2 tbody").append("<tr><td>"+selectval[i]+"</td><td><input type='text'></td></tr>");
        }

    });
});
</script>

使用jquery将列表框项目显示在onClick表中

1 个答案: