I have an array of text inputs like this:
<input type="textbox" name="mobileno[]"><br>
<input type="textbox" name="mobileno[]"><br>
<input type="textbox" name="mobileno[]"><br>
They are generated at run time using an "add more" button.
Is there a way I can use jQuery to fetch the text input value and pass it in ajax request?
I have created an ajax request but I'm not able to fetch the value of text input array in name=value pattern.
I have an array of text inputs like this:
<input type="textbox" name="mobileno[]"><br>
<input type="textbox" name="mobileno[]"><br>
<input type="textbox" name="mobileno[]"><br>
They are generated at run time using an "add more" button.
Is there a way I can use jQuery to fetch the text input value and pass it in ajax request?
I have created an ajax request but I'm not able to fetch the value of text input array in name=value pattern.
Share Improve this question edited Aug 19, 2010 at 10:04 Andy E 345k86 gold badges480 silver badges450 bronze badges asked Aug 19, 2010 at 9:50 binbin 611 gold badge1 silver badge2 bronze badges 2 |4 Answers
Reset to default 7You can do like this:
$('input[name="mobileno[]"]').each(function(){
alert($(this).val());
});
The ^= finds elements whose name starts with mobileno text and later each is used to loop over all the elements to get their value.
More Info:
- http://api.jquery.com/attribute-starts-with-selector/
- http://api.jquery.com/jQuery.each/
Try this:
var text= new Array();
$("input[name='mobileno[]']").each(function(){
text.push($(this).val());
});
If u alert the variable text you will get the comma separated output.
First off: That's not an "array of textbox[es]". There is no such thing as an array in HTML. It's just multiple text boxes which all happen to have the same name, and that name just happens to have square brackets in the name. The square brackets in the name have no special meaning in HTML. (PHP needs them, but that's a whole other thing).
Second: type="textbox" is wrong. It's just type="text". You are lucky it's working because "text" is the default value that browsers fall back to when finding an invalid value such as textbox.
If you need to get the vales of a form in the standard name=value pattern (separated with &) jQuery provides the serialize method for forms:
alert($("#your-form-id").serialize());
http://api.jquery.com/serialize/
var data = $('input[name="mobileno[]"]').map(function(){
return this.name + '=' + this.value;
}).get().join('&');
alert(data);
this will give you a something like mobileno[]=value&mobileno[]=value&mobileno[]=value.
You can then pass it in your ajax request.
type="text". – Andy E Commented Aug 19, 2010 at 10:03