jquery - 如何为动态生成的文本框分配名称并检索它们的值？

Question

我有动态生成的文本框。我想为文本框分配名称和 ID，并检索动态生成的文本框的值以插入数据库。怎么做到呢？

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

Answer 1

试试下面的方法，它会帮助你...

$("#tab2 tbody").append("<tr><td>"+selectval[i]+"</td><td><input type='text' id='text" + i + "' /></td></tr>");

它将生成像 text0、text1、text2 一样的 Id ...

要从文本框中获取值，请添加以下代码并尝试...

小提琴示例：http: //jsfiddle.net/RDz5M/4/

HTML：

<button id="Get" value="Get">Get</button>

查询：

$("#Get").click(function(){
$('#tab2 tr').each(function(){
    $("#divResult").html($("#divResult").html() + ($(this).find("input[id^='text']").val()) + "<br>")
});
});