populate array with multiple input fields

Question

I want to use jQuery to populate an array with values from input fields with a class of 'seourl'...

<input id="title" class="seourl" name="title" type="text" value="???">
<input id="subtitle" class="seourl" name="title" type="text" value="???">
<input id="subtitle2" class="seourl" name="title" type="text" value="???">

<a id="getFriendlyUrl" href="">get url friendly</a>

How do i populate the array with input fields of class 'seourl'?

$("#getFriendlyUrl").click(function() {

    var arr_str = new Array();

    ?????? POPULATE ARRAY with input fields of class 'seourl', how ??????????????

});

I Hate Lazy · Accepted Answer · 2012-09-26 20:04:35Z

7

$("#getFriendlyUrl").click(function() {

    var arr_str = $('.seourl').map(function() {
                                       return this.value;
                                   }).toArray();
});

You can use jQuery to get the .value if you want.

return $(this).val();

Either way, you'll end up with an Array of the values.

answered Sep 26, 2012 at 20:04

I Hate Lazy

49k13 gold badges89 silver badges79 bronze badges

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

4 Comments

Fabrício Matté Over a year ago

.toArray()? Wouldn't the return value of .map be an array already?

Shmiddty Over a year ago

I like your answer better. :)

I Hate Lazy Over a year ago

@FabrícioMatté: No, that would be either the native Array.prototype.map, or $.map. This one returns a jQuery object. :-)

Fabrício Matté Over a year ago

Oh yes my bad, I was thinking about $.map. +1 =]

Shmiddty · Accepted Answer · 2012-09-26 20:05:49Z

0

$('.seourl').each(function(ele){
    arr_str.push($(ele).val());
});

answered Sep 26, 2012 at 20:05

Shmiddty

13.9k1 gold badge38 silver badges52 bronze badges

Comments

Sushanth -- · Accepted Answer · 2012-09-26 20:06:09Z

0

$("#getFriendlyUrl").click(function() {
    var arr_str = new Array();

    $('.seourl').each(function() {

        arr_str.push( $(this).val() );
    })'

});

answered Sep 26, 2012 at 20:06

Sushanth --

55.8k9 gold badges70 silver badges109 bronze badges

Comments

O'Mutt · Accepted Answer · 2012-09-26 20:08:44Z

0

html:

<input id="title" class="seourl" name="title" type="text" value="???">
<input id="subtitle" class="seourl" name="title" type="text" value="???">
<input id="subtitle2" class="seourl" name="title" type="text" value="???">

<a id="getFriendlyUrl" href="">get url friendly</a>

JS w/jquery:

$("#getFriendlyUrl").click(function() {

    var arr_str = new Array();

    $(".seourl").each(function(index, el) {
     arr_str[index] = $(el).val();   
    });
    alert(arr_str[0] + arr_str[1] + arr_str[2]);

});

jsfiddle: http://jsfiddle.net/Mutmatt/NmS7Y/5/

answered Sep 26, 2012 at 20:08

O'Mutt

1,5831 gold badge13 silver badges28 bronze badges

Comments

Rahul · Accepted Answer · 2012-09-26 20:09:40Z

0

$("#getFriendlyUrl").click(function() {

    var arr_str = new Array();
    $('.seourl').each(function() {
        arr_str.push($(this).attr('value'));

    });
    alert(arr_str);
});

answered Sep 26, 2012 at 20:09

Rahul

1,5793 gold badges18 silver badges37 bronze badges

Collectives™ on Stack Overflow

populate array with multiple input fields

5 Answers 5

4 Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

4 Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related