Cycle Through form Inputs and match with Json array

Question

I run an ajax request and return a json array. There is more in the json array than there is fields on the page. I want to cycle through text fields and find their NAME and match that to the json array and fill in the value.

The names of the fields and the names in the json array are the same.

<script type="text/javascript">
function loadIntake(){
var client = <?php echo $id ?>;

$.post("loadIntake.php", 
    {id: client},
    function(jdata){
        $.each(jdata, function(i, data) {
            $('#' + i).val(data);
        });
            $('input[type=text]').attr("name", function(n, idata){
                //$(idata).val(jdata.idata);
                //alert (idata);
            })
    },
    "json"
);  

}
</script>

However, some of the fields are text fields, some are textfields, some are radio buttons, and checkboxes. As I said the json array has MORE fields than there are fields on the page. So I dont want to deal with unnecessary code runs.

bart · Accepted Answer · 2015-07-15 06:45:12Z

2

There are some plugins you might consider using for this. Populating a form with a json object is more complex than you think because fields are not only of type 'input' but could also be 'textarea', 'checkbox', 'radio' or a 'select'.

I've found the following form filler plugins but they're rather old:

http://www.keyframesandcode.com/resources/javascript/jQuery/demos/populate-demo.html

http://plugins.jquery.com/project/Wonderfill

edited Jul 15, 2015 at 6:45

answered Jun 22, 2011 at 6:22

bart

15.4k23 gold badges83 silver badges111 bronze badges

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

1 Comment

bart Over a year ago

I've tested Wonderfill - the most recent plugin - and it works fine!

John · Accepted Answer · 2011-06-07 20:25:11Z

0

How about this:

$.each(jdata, function(i, data) {
    var nameOfField = data.name;
    $('[name='+nameOfField+']').val();
});

I am honestly not sure if that will work, but it won't hurt to try!

answered Jun 7, 2011 at 20:25

John

4741 gold badge5 silver badges15 bronze badges

Collectives™ on Stack Overflow

Cycle Through form Inputs and match with Json array

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related