input array within jquery

Question

Within my code below how can I make it read name="item[]" and name="amount[] from my HTML?

I have seen a few conflicting things on here how to do it is there a simple way?

HTML:

<p><span class="bookingName">Item<span class="required">*</span></span><span class="bookingInput"><input type="text" name="item[]" /><span class="bookingName">Amount<span class="required">*</span></span><input type="text" name="amount[]"></span>

jQuery:

$(document).ready(function () { $('<div/>', { 'class': 'menuDetails', html: getMenuHTMLDetails() }).appendTo('#addMoreItemsButton'); $('#addItem').click(function () { $('<div/>', { 'class': 'extraMenuItem', html: getMenuHTMLDetails() }).hide().appendTo('.appendMoreItems').slideDown('slow'); }); }) function getMenuHTMLDetails() { var len = $('.extraMenuItem').length; var $clone = $('.menuDetails').clone(); $clone.find('[name=item]')[0].name = "item" + len; $clone.find('[name=amount]')[0].name = "item" + len; return $clone.html(); }

Ram · Accepted Answer · 2014-07-28 05:20:57Z

You can either put the attribute's value in quotes:

$clone.find('[name="item[]"]').prop("name", "item" + len);

or escape the []:

$clone.find('[name=item\\[\\]]').prop("name", "item" + len);

Sergey · Accepted Answer · 2014-07-28 05:17:34Z

1

You must use quotes '"' $('[name="item[]"]')

answered Jul 28, 2014 at 5:17

Sergey

1331 silver badge8 bronze badges

Collectives™ on Stack Overflow

input array within jquery

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related