get elements by array name JS, JQuery

Question

I have this HTML

<input type="text" name="object[A][Name]">
<input type="text" name="object[A][Description]">
<input type="text" name="object[B][Name]">
<input type="text" name="object[B][Description]">

but when i try to get with:

var x = document.getElementsByName("object");
var x = document.getElementsByName("object[]");
var x = document.getElementsByName("object[][]");
var x = $("[name='object']");
var x = $("[name='object[]']");
var x = $("[name='object[][]']");

x is empty

I need get A, Name/Description and value

Normally I process this names in PHP like this:

foreach($_POST['object'] as $objectgroup=>$value)
{
  /* work here */
}

Here's the link to the API with all the available selectors https://api.jquery.com/category/selectors/. — wirey00, Aug 31 '16 at 18:38

score 0 · Answer 1 · answered Aug 31 '16 at 18:38

0

Use ^= to match the starting string:

var x = $("[name^='object']"); // Get all elements
var x = $("[name^='object[A']"); // Get only "object[A]" elements
var x = $("[name='object[A][Description]']"); // Matches full element name

Demo

answered Aug 31 '16 at 18:38

DontVoteMeDown

21,122
10
69
105

score 0 · Answer 2 · answered Aug 31 '16 at 18:38

0

You want to select inputs whose name attribute starts with "object", so use the ^= operator (docs):

var x = $('input[name^=object]');

answered Aug 31 '16 at 18:38

James

109,676
31
162
175

get elements by array name JS, JQuery

2 Answers2