如何使用 javascript 生成 codeigniter 的 form_input答案

【问题标题】：how to generate codeigniter's form_input using javascript如何使用 javascript 生成 codeigniter 的 form_input
【发布时间】：2016-01-14 16:05:48
【问题描述】：

这是我的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 函数。

作为比较，这是我生成普通 HTML 输入 tag 的 Javascript 代码。

function generateSUBKLP(index) {
        var idx = document.createElement("input");
        idx.type = "text";
        idx.name = "SUBKLP" + index + "";
        idx.id = "SUBKLP[" + index + "]";
        idx.size = "10";
        return idx;
    }

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

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

【问题讨论】：

可以直接追加html。
Ans 还请解释一下什么和所有将是动态的..

标签： javascript php jquery html codeigniter

【解决方案1】：

也像这样使用codeigniter form_input

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

【讨论】：

【解决方案2】：

这里是演示。请先加载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();
    })
});

【讨论】：