[英]how to generate codeigniter's form_input using javascript
This is my form_input
: 这是我的
form_input
:
<?php echo form_input('noRegistrasi', isset($noRegistrasi) ? $noRegistrasi : '', 'type="text" class="form-control input-sm" id="noRegistrasi" placeholder="No Registrasi" id="noRegistrasi"'); ?>
I want it to be dynamic, so user can add more form_input
and therefore, I need a Javascript function. 我希望它是动态的,因此用户可以添加更多
form_input
,因此,我需要一个Javascript函数。
As comparison, this is my Javascript code to generate normal HTML input tag
. 相比之下,这是我的Javascript代码,用于生成普通的HTML输入
tag
。
function generateSUBKLP(index) { var idx = document.createElement("input"); idx.type = "text"; idx.name = "SUBKLP" + index + ""; idx.id = "SUBKLP[" + index + "]"; idx.size = "10"; return idx; }
My question is: how do I generate codeigniter form_input()
using Javascript? 我的问题是:如何使用Javascript生成codeigniter
form_input()
?
If my question is not clear, please ask.^^ 如果我的问题不清楚,请询问。^^
Here is the demo. 这是演示。 Pls load jquery first
请先加载jQuery
Html part: HTML部分:
<form method="post" action="collect_vals.php">
<div id="input_fields">
<div><input type="text" name="name[]"> <input type="text" name="project[]"> <span class="fa fa-plus-circle" id="add_field"></span></div>
</div>
<input type="submit" value="submit">
</form>
Javascript part: Javascript部分:
$(document).ready(function() {
$("#add_field").click(function(e){
e.preventDefault();
$("#input_fields").append('<div><input type="text" name="name[]"/> <input type="text" name="project[]"> <span id="remove" class="fa fa-minus-circle"></span</div>');
});
$("#input_fields").on("click","#remove", function(e){
e.preventDefault(); $(this).parent('div').remove();
})
});
Also use codeigniter form_input like this 也可以这样使用codeigniter form_input
$(document).ready(function() {
var input = "echo form_input('username', 'johndoe');";
$('#input_fields').append("<div>"+input+"</div>");
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.