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

Question

我对 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>")
        }});
 });

Answer 1

你好请试试这个，我希望这能帮助你解决当前的问题：

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