Tell me more ×
Stack Overflow is a question and answer site for professional and enthusiast programmers. It's 100% free, no registration required.
up vote 0 down vote favorite

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 ??????????????

});
share|improve this question

5 Answers

up vote 7 down vote accepted 
$("#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.

share|improve this answer
1  
.toArray()? Wouldn't the return value of .map be an array already? – Fabrício Matté Sep 26 '12 at 20:05
I like your answer better. :) – Shmiddty Sep 26 '12 at 20:06
1  
@FabrícioMatté: No, that would be either the native Array.prototype.map, or $.map. This one returns a jQuery object. :-) – I Hate Lazy Sep 26 '12 at 20:06
1  
Oh yes my bad, I was thinking about $.map. +1 =] – Fabrício Matté Sep 26 '12 at 20:07
this one works! thanks – Marco Sep 26 '12 at 20:10
up vote 0 down vote 
$('.seourl').each(function(ele){
    arr_str.push($(ele).val());
});
share|improve this answer
up vote 0 down vote 
$("#getFriendlyUrl").click(function() {
    var arr_str = new Array();

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

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

});
share|improve this answer
up vote 0 down vote

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/

share|improve this answer
up vote 0 down vote 
$("#getFriendlyUrl").click(function() {

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

    });
    alert(arr_str);
});
share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.