How to access input type name as JobRoles[1].BasedIn in Jquery

Question

I have two input fields with names "JobRoles[0].AgeFrom" and "JobRoles[1].AgeFrom". How can I access "JobRoles[0].AgeFrom" through jquery

I tried to access the field like this

 $(options.form).find(':input[name=' + fullOtherName + ']')[0];

but it show unrecognized expression: :input[name=JobRoles[0].AgeFrom]

@bRIMOs Nope. Check my answer below. There is [`:input`](https://api.jquery.com/input-selector/) selector in jQuery. — Tushar, Jan 02 '18 at 09:19
Check [this](https://stackoverflow.com/a/2365001/2025923) answer. Wrap the name of element in quotes. — Tushar, Jan 02 '18 at 09:22

score 1 · Accepted Answer · answered Jan 02 '18 at 09:17

1

wrap your variable inside ". it will work.

var fullOtherName = 'JobRoles[0].AgeFrom';

alert($(document).find('input[name="' + fullOtherName + '"]').val());

var fullOtherName = 'JobRoles[0].AgeFrom';

alert($(document).find('input[name="' + fullOtherName + '"]').val());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input name="JobRoles[0].AgeFrom" value="123" />

answered Jan 02 '18 at 09:17

Amit Kumar

5,888
11
47
85

yes, its works fine thank U @Amit – Saneesh kunjunni Jan 02 '18 at 09:19

score 0 · Answer 2 · answered Jan 02 '18 at 09:15

You can use contains selector on the input name field

like $("input[name*='AgeFrom']" and access the first element ([0])

See below snippet :

$(function(){
  var fullOtherName = 'AgeFrom';
  console.log($("input[name*='AgeFrom']"));
  alert($("input[name*='"+fullOtherName+"']")[0].value);
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input name="JobRoles[0].AgeFrom" value="0"/>
<input name="JobRoles[1].AgeFrom" value="1"/>

How to access input type name as JobRoles[1].BasedIn in Jquery

2 Answers2