set a value in a html-array with jQuery

Question

I have an array of input-fields and via an ajax-call I receive values which I want to put in the array:

<input id="startdateinput[0]" type="text" value="2014-01-01">
<input id="startdateinput[1]" type="text" value="">
<input id="startdateinput[2]" type="text" value="">

The XML looks something like:

    <item key='0'>
      <startdate>2014-01-01</startdate>
    </item>
    <item key='1'>
      <startdate>2014-02-01</startdate>
    </item

I use jQuery something like:

    $(xml).find('item').each(function(){
        startdate=$(this).find('startdate').text();
        key=$(this).attr('key');
        $("#startdate["+key+"]").attr("value",startdate);
    });

Nothing happens....

Arun P Johny · Accepted Answer · 2015-03-25 14:42:55Z

2

You will have to use

$("#startdateinput\\["+key+"\\]").val(startdate);

Your id is starting with startdateinput so need to escape the [ and ], also use .val() to set the value

Demo: Fiddle

edited Mar 25, 2015 at 14:42

answered Mar 25, 2015 at 14:37

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

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

1 Comment

Websania Over a year ago

That's real quick and most of all: it works! Thanks!

Collectives™ on Stack Overflow

set a value in a html-array with jQuery

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related