How to pass value of multiple input form in jQuery ajax?

Question

I have multiple input form. Once I put value and I should able to pass it through jQuery Ajax. It's working on simple html form. But in terms of multi-dimension form I fail.

Please help me get value in jQuery.

I have html form

<form action="index.php" method="POST">
<?php
     for($a=0; $a<5; $a++) {
         echo "<input type='text' name='IdentityID[]' placeholder='GB' onchange=\"getdetail(IdentityID[id]); return false;\"/>";
     }
?>
</form>

JQuery ajax

function getdetail(IdentityID) {

     alert(IdentityID); //I wan the value to appear here

     $.ajax ({
             type: "POST",
             url: "getdetail.php",
             data: { IdentityID: IdentityID},
             success: function(data) {
                     $("#detail").html(data);
             }
     });
     return false;
}

ReferenceError: IdentityID is not defined

Where is id at onchange=\"getdetail(IdentityID[id]) defined? — guest271314
– guest271314, Commented Sep 24, 2016 at 7:00
Even if I used getdetail(IdentityID[$a]) I get console ReferenceError: IdentityID is not defined — tapaljor
– tapaljor, Commented Sep 24, 2016 at 7:05

guest271314 · Accepted Answer · 2016-09-24 08:55:01Z

1

Substitute this.value for IdentityID[id] at onchange=\"getdetail(IdentityID[id])

answered Sep 24, 2016 at 8:55

guest271314

1

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

Comments

Saadi · Accepted Answer · 2016-09-24 07:05:31Z

0

Serialise whole of the form using;

var dataVal = $('form').serializeArray();

and then you ajax request becomes:

$.ajax ({
             type: "POST",
             url: "getdetail.php",
             data: dataVal,
             success: function(data) {
                     $("#detail").html(data);
             }
     });

answered Sep 24, 2016 at 7:05

Saadi

1,29414 silver badges24 bronze badges

1 Comment

tapaljor Over a year ago

There must be straight way to do this. Passing IdentityID once I move cursor from input field.

tapaljor · Accepted Answer · 2016-09-24 08:56:34Z

0

<input type="text" onchange="getdetail(this.value)"/>

That is the answer. Thanks to @guest271314

answered Sep 24, 2016 at 8:56

tapaljor

2571 gold badge6 silver badges22 bronze badges

Collectives™ on Stack Overflow

How to pass value of multiple input form in jQuery ajax?

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related