-1

我创建了一个脚本来根据用户输入动态生成 X 文本框。如何给每个文本框起自己的名字，以便在生成后单独使用每个文本框？

演示：小提琴

<html>

<head>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>
<script>

$(document).ready(function(){
$("#ppl").change(function(){

    // The easiest way is of course to delete all textboxes before adding new ones
    //$("#holder").html("");

    var count = $("#holder input").size();
    var requested = parseInt($("#ppl").val(),10);

    if (requested > count) {
        for(i=count; i<requested; i++) {
        var $ctrl = $('<input/>').attr({ type: 'text', name:'text', value:'text'});        
            $("#holder").append($ctrl);
        }
}
    else if (requested < count) {
        var x = requested - 1;
        $("#holder input:gt(" + x + ")").remove();
    }
});
});
</script>

</head>
<body>
    <Input type="text" id="ppl">
     <button onclick="function()">Try it</button>       
<div id="holder"></div>
</body>
</html>

$(document).ready(function(){
    $("#ppl").change(function(){

        var count = $("#holder input").size();
        var requested = parseInt($("#ppl").val(),10);

        if (requested > count) {
            for(i=count; i<requested; i++) {
                var $ctrl = $('<input/>').attr({ type: 'text', name:'text', value:'text'});        
                $("#holder").append($ctrl);
            }
        } else if (requested < count) {
            var x = requested - 1;
            $("#holder input:gt(" + x + ")").remove();
        }
    });
});

我计划使用生成的文本框向用户请求更多信息，然后使用这些新信息来处理另一个脚本。

4

1 回答 1

0

只需将当前计数附加到字段名称：

var $ctrl = $('<input/>').attr({ type: 'text', name:'text'+i, value:'text'});
于 2013-05-02T01:22:50.480 回答