命名重复下拉菜单

时间:2014-03-17 08:48:40

标签: javascript jsp

我在jsp中的<table>里面有这个。只要单击添加(+)按钮,就会显示一组新的数字字段和下拉列表。我想知道如何访问新的数字字段集并在我的servlet中下拉。考虑到我可以访问第一组数字字段,并在我的servlet中按name="productquantity"name="productline" request.getParameter("productline")下拉。

HTML:

<td>
    <div id="inline">
        <p id="addFields">
            <input type="number" required name="productquantity" min="1" max="99">
            <select name="productline" id="materials">
                <option value="CCTV Cameras">CCTV Cameras</option>
                <option value="FDAS">FDAS</option>
                <option value="Fire Extinguishers">Fire Extinguishers</option>
                <option value="Fire Pumps">Fire Pumps</option>
            </select>
            <br>
        </p>
    </div>
</td>
<td valign="top">
    <button type="button" onclick="addFields();">+</button>
</td>

使用Javascript:

function addFields() {
    document.getElementById('addFields').innerHTML += '<input type="number" min="1" max="99">';
    var select = document.getElementById('materials').cloneNode(true);
    document.getElementById('addFields').appendChild(select);
    document.getElementById('addFields').innerHTML += "<br>";
}

1 个答案:

答案 0 :(得分:1)

显然,当您添加字段时,请为其命名。

 var nameAndID = "whatever_" + counter;
 element.innerHTML += "<input name='"+nameAndID+"' id='"+nameAndID+" />";
 counter = counter + 1;

在servlet中使用request.getParameterNames来获取所有参数名称的列表并循环遍历它。