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

Codeigniter create new textfield on button/link click

本文关键字：创建 文本 字段 链接 单击 按钮 Codeigniter      更新时间：2023-09-26

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

想象一下：

[按钮]

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

[textfield]

[textfield]

[textfield]

[textfield]

你可以试试这个

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


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

相关文章：