How to get value with jquery from complex input name

Question

Here's my case:

I'm trying to get value from form's input that has name="data[type][answer]", something like:

<form id="form" method="POST" >
<input type="hidden" name="data[type][answer]" value="Hello from Space">
</form>

So, my code for function should look like:

 function queryForm(key) {
   return $('#form input[name=' + key + ']').val();
 }

I'm getting input[name=order[type][answer]] which is not working and I'm aware why.

Is there a way how to write this thing differently or is there any other way how to get the value? By the way, I need the name exactly in this form: name="data[type][answer]"

Any advice or solution would be nice!

Try this function queryForm(key) { return $('#form input[name=' + key + ']')[0].val(); } — Stranger
– Stranger, Commented Jul 27, 2018 at 16:26
Possible duplicate of How do I select an element with special characters in the ID? — Heretic Monkey
– Heretic Monkey, Commented Jul 27, 2018 at 17:00

FK82 · Accepted Answer · 2018-07-27 17:06:40Z

1

You just need quotes around the value for name. Then you have to select the first result from the returned and wrap it again with jquery to be able to call .val():

function queryForm(key) {
    return $("#form input[name='" + key + "']").first()
      .val();
}
 
console.log(queryForm('data[type][answer]'));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <html>
    <head></head>
    <body>
    <form id="form" method="POST" >
    <input type="hidden" name="data[type][answer]" value="Hello from Space">
    </form>
    </body>
    </html>

edited Jul 27, 2018 at 17:06

answered Jul 27, 2018 at 16:49

FK82

5,0754 gold badges34 silver badges44 bronze badges

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

1 Comment

Heretic Monkey Over a year ago

A couple of tips to make this a little easier: Use double quotes instead of escaping single quotes. Use .first() instead of using [0] and wrapping the result with another jQuery call.

Kunal · Accepted Answer · 2018-08-15 11:22:23Z

0

All you just need to do is ...

function queryForm(key) {
   return $('#form input[name="' + key + '"]').val();
}

note the double quote (") around key.

edited Aug 15, 2018 at 11:22

answered Jul 27, 2018 at 17:12

Kunal

2292 silver badges9 bronze badges

Collectives™ on Stack Overflow

How to get value with jquery from complex input name

2 Answers 2

1 Comment

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Linked

Related