how to generate codeigniter's form_input using javascript

Question

This is my 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.

As comparison, this is my Javascript code to generate normal HTML input 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?

If my question is not clear, please ask.^^

Ans also please explain what and all will be dynamic in that.. — Niranjan N Raju
– Niranjan N Raju, Commented Oct 16, 2015 at 5:16

user5450651 · Accepted Answer · 2015-10-16 07:05:15Z

1

Here is the demo. Pls load jquery first

Html part:

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

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

answered Oct 16, 2015 at 7:05

user5450651

Sign up to request clarification or add additional context in comments.

Comments

user5450651 · Accepted Answer · 2015-10-16 07:15:27Z

1

Also use codeigniter form_input like this

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

answered Oct 16, 2015 at 7:15

user5450651

Collectives™ on Stack Overflow

how to generate codeigniter's form_input using javascript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related