Jquery & javascript - function result, as property name

Question

I'd like to get an input name, as a property name, using jquery.

The html

<input name="data[First][Second]" />

The script

$.post(
   '/url', 
   {
      $("input").prop("name"): $("input").val()
   }
);

how can it be done (directly)?

Denys Séguret · Accepted Answer · 2014-09-09 08:07:15Z

2

You can't use a variable value as a property name in a literal. You have to do it in two steps and to use the bracket notation :

var obj = {};
obj[$("input").prop("name")] = $("input").val();
$.post('/url', obj);

If you don't want to break the flow and you want an expression, you can use a function expression :

$.post(
   '/url', (function(){
       var obj = {};
       obj[$("input").prop("name")] = $("input").val();
       return obj;
    })()
);

A very slight advantage is also that you don't pollute the external scope with a new variable, but it's usually not clearer.

answered Sep 9, 2014 at 8:01

Denys Séguret

384k90 gold badges813 silver badges780 bronze badges

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

3 Comments

I'm sure it's a duplicate, I've seen it, but I can't find it :\

@yossi You might be interested in this article : benalman.com/news/2010/11/…