-1

私は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>")
        }});
 });

4

1 に答える 1

0

こんにちは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>
于 2013-03-13T07:34:04.240 に答える