如何使用JavaScript生成codeigniter的form_input

Question

这是我的form_input ：

  <?php echo form_input('noRegistrasi', isset($noRegistrasi) ? $noRegistrasi : '', 'type="text" class="form-control input-sm" id="noRegistrasi" placeholder="No Registrasi" id="noRegistrasi"'); ?> 

我希望它是动态的，因此用户可以添加更多form_input ，因此，我需要一个Javascript函数。

相比之下，这是我的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; } 

我的问题是：如何使用Javascript生成codeigniter form_input() ？

如果我的问题不清楚，请询问。^^

Answer 1

这是演示。 请先加载jQuery

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部分：

$(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();
    })
});

Answer 2

也可以这样使用codeigniter form_input

$(document).ready(function() {
    var input = "echo form_input('username', 'johndoe');";
    $('#input_fields').append("<div>"+input+"</div>");
});