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

Posted 2021-04-18

我是jQuery的新手。我有一个列表框，其中包含其他列表框中的选定项目。我想在Button Click上一个接一个地显示表格行中的所有选定项目。

直到现在我已经做了类似的事情。但是代码没有运行（sel1是listbox1，sel2是listbox2，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>")
        }});
 });

答案

你好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>