Select Form Array Value Using JQuery

Question

I have a form that is being generated on the fly in PHP using the below ($theFeatures is a multidimensional array):

<?php 
foreach($theFeatures as $theKey => $theValues) {
?>
    <input type="text" value="<?php echo $theValues['Key']; ?>" name="theFeatures[<?php echo $theKey; ?>]['Key']" size="6" />
    <input type="text" value="<?php echo $theValues['Value']; ?>" name="theFeatures[<?php echo $theKey; ?>]['Value']" /> <br />
<?php
}
?>

This should create two input boxes that look like this:

<input value="Type" name="theFeatures[4]['Key']" size="6" type="text" />
<input value="Bird Table" name="theFeatures[4]['Value']" type="text" />

How can I get the first part of the array ( [4] in the above example ) in jQuery so I can store that as a JavaScript variable and use it else where in my jQuery??

Cheers,

Andy

Tim Banks · Accepted Answer · 2010-01-15 17:03:47Z

3

You could try just storing the value in a separate attribute on the input and then retrieving that attribute with jQuery.

Adding the new attribute to the input

<input type="text" value="<?php echo $theValues['Key']; ?>" name="theFeatures[<?php echo $theKey; ?>]['Key']" size="6" key="<?php echo $theKey; ?>"/>

Retrieving the attribute with jQuery

var key = $("input").attr("key");

answered Jan 15, 2010 at 17:03

Tim Banks

7,1895 gold badges33 silver badges28 bronze badges

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

2 Comments

Peter Over a year ago

This is probably the easiest way and you avoid having to parse a string.

Darryl Hein Over a year ago

Or you can also use the rel="" attribute.

justkt · Accepted Answer · 2010-01-15 17:15:13Z

1

Certainly T B's suggestion could work. You can also do the following to get all input boxes that have "Key" in the name and get the value in the first set of square brackets. This will get any input object with the name containing Key.

$("input[name*=Key]").each(function() {
    var name = $(this).attr("name");
    var key = name.substring(name.indexOf("[") + 1, name.indexOf("]");
    //do whatever is needed with key
 });

answered Jan 15, 2010 at 17:15

justkt

14.8k9 gold badges45 silver badges62 bronze badges

Collectives™ on Stack Overflow

Select Form Array Value Using JQuery

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related