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

1

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);

edited Jul 28, 2014 at 5:20

answered Jul 28, 2014 at 5:15

Ram

145k16 gold badges174 silver badges201 bronze badges

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

Comments

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

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related