0

ボタンのクリックで新しい行をテーブルに追加したい。新しい行には、1 つのテキスト ボックスと 1 つのドロップダウンがあります。セッション属性から追加されるドロップダウン (select 要素) のオプション。

次の関数を使用してテキストボックスを追加できます。

    function addRow(btn) {         
        var parentRow = btn.parentNode.parentNode;
        var table = parentRow.parentNode;
        var rowCount = table.rows.length;

        var row = table.insertRow(rowCount);

        var cell1 = row.insertCell(0);
        var element1 = document.createElement("input");
        element1.type = "text";
        element1.name="abc";
        cell1.appendChild(element1);
        var cell3 = row.insertCell(1);
        var element2 = document.createElement("select");
        var option1 = document.createElement("option");
        option1.innerHTML = "Option1";
        option1.value = "1";
        element2.appendChild(option1, null);
    }

セッション属性"types"が 1 つあります。typesからオプションを追加する行に、1 つのドロップダウン リストを他の列として追加したいと考えています。ページが読み込まれるときに属性「タイプ」を設定しています。サーバー側にJavaサーブレットを使用しています。どんな助けでも大歓迎です。

<c:forEach items="${types}" var="type">
4

1 に答える 1

0

セッション属性「タイプ」がある場合、このようにすることができます。残りのコーディングを投稿して、回答を更新できるようにします。

var Type = 'option 1';

function AddRow() {
    $('#tblTest').append(
        '<tr><td>' +
          '<input type="text" />' +
          '<select><option>' + Type + '</option></select>' +
        '</td></tr>');
}

<table id="tblTest">
    <tr>
        <td>
            <input type="text" name="data1" value="TempData" />
        </td>
        <td>
            <input type="button" value="Add" onclick="AddRow()" />
        </td>
    </tr>
</table>
于 2013-06-24T06:35:36.770 に答える