Question

我正在尝试为我的网站制作一个请求表单，我需要一个可以在点击时添加新输入字段的按钮，但我不知道如何解决这个问题。

想象一下：

[按钮]

一个按钮，当您单击它时，它将创建一个新的文本字段，当你多次点击它时，它看起来就像下面的东西。

[textfield]

Answer 1

你可以试试这个

<form action="test.php" method="post" id="form">
<input type="text" name="id">
<input type="submit">
</form>
<button id="add">Add</button>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script>
var i = 1;
$('#add').click(function(){
    var newEl = '<input type="text" placeholder="Text Field '+(i+1)+'" name="'+(i++)+'"><br />';
    $('#form').prepend(newEl);
});
</script>

＆＃13;

<form action="test.php" method="post" id="form">
    <input type="text" name="id">
    <input type="submit">
</form>
<button id="add">Add</button>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script>
    var i = 1;
    $('#add').click(function(){
        var newEl = '<input type="text" placeholder="Text Field '+(i+1)+'" name="'+(i++)+'"><br />';
        $('#form').prepend(newEl);
    });
</script>

＆＃13;

Codeigniter在按钮/链接点击上创建新的文本字段

1 个答案: