how to determine field type with serialize in jquery
up vote
0
down vote
favorite
I want to send a serialized form through ajax, but I need to know which field is select, and which is text input, but not sure how I can work that.
$('#contact_filter_btn').click(function(){
form = $('#contact_filter').serialize();
$.ajax({
type : 'POST',
url : '//'+base_url+'/ajax/contact-filter.php',
data : form,
success : function(data) {
$('#customers_table').html(data);
}
});
});
Any ideas on how you can determine if the field was text or select? I dont mind making alterations to the html if that will help somehow
jquery forms serialization
asked Nov 11 at 7:31
Source
6282615
add a comment |
up vote
0
down vote
favorite
I want to send a serialized form through ajax, but I need to know which field is select, and which is text input, but not sure how I can work that.
$('#contact_filter_btn').click(function(){
form = $('#contact_filter').serialize();
$.ajax({
type : 'POST',
url : '//'+base_url+'/ajax/contact-filter.php',
data : form,
success : function(data) {
$('#customers_table').html(data);
}
});
});
Any ideas on how you can determine if the field was text or select? I dont mind making alterations to the html if that will help somehow
jquery forms serialization
asked Nov 11 at 7:31
Source
6282615
share your html code
– DPS
Nov 11 at 7:43
you can get all elements with$('select')and$('input')and use$.eachfor get data from those elements. then create JSON with those arrays and send it to URL
– mahradbt
Nov 11 at 7:46
You can just add the type to every input name, like :<select name="example1_select">,<input name="example2_text">,... and then in your back-end split each name by_to retrieve the real name and the type of it.
– AmirhosseinDZ
Nov 11 at 8:54
add a comment |
up vote
0
down vote
favorite
up vote
0
down vote
favorite
I want to send a serialized form through ajax, but I need to know which field is select, and which is text input, but not sure how I can work that.
$('#contact_filter_btn').click(function(){
form = $('#contact_filter').serialize();
$.ajax({
type : 'POST',
url : '//'+base_url+'/ajax/contact-filter.php',
data : form,
success : function(data) {
$('#customers_table').html(data);
}
});
});
Any ideas on how you can determine if the field was text or select? I dont mind making alterations to the html if that will help somehow
jquery forms serialization
asked Nov 11 at 7:31
Source
6282615
I want to send a serialized form through ajax, but I need to know which field is select, and which is text input, but not sure how I can work that.
$('#contact_filter_btn').click(function(){
form = $('#contact_filter').serialize();
$.ajax({
type : 'POST',
url : '//'+base_url+'/ajax/contact-filter.php',
data : form,
success : function(data) {
$('#customers_table').html(data);
}
});
});
Any ideas on how you can determine if the field was text or select? I dont mind making alterations to the html if that will help somehow
jquery forms serialization
jquery forms serialization
asked Nov 11 at 7:31
Source
6282615
asked Nov 11 at 7:31
Source
6282615
asked Nov 11 at 7:31
Source
6282615
asked Nov 11 at 7:31
Source
6282615
asked Nov 11 at 7:31
Source
6282615
6282615
share your html code
– DPS
Nov 11 at 7:43
you can get all elements with$('select')and$('input')and use$.eachfor get data from those elements. then create JSON with those arrays and send it to URL
– mahradbt
Nov 11 at 7:46
You can just add the type to every input name, like :<select name="example1_select">,<input name="example2_text">,... and then in your back-end split each name by_to retrieve the real name and the type of it.
– AmirhosseinDZ
Nov 11 at 8:54
add a comment |
share your html code
– DPS
Nov 11 at 7:43
you can get all elements with$('select')and$('input')and use$.eachfor get data from those elements. then create JSON with those arrays and send it to URL
– mahradbt
Nov 11 at 7:46
You can just add the type to every input name, like :<select name="example1_select">,<input name="example2_text">,... and then in your back-end split each name by_to retrieve the real name and the type of it.
– AmirhosseinDZ
Nov 11 at 8:54
share your html code
– DPS
Nov 11 at 7:43
share your html code
– DPS
Nov 11 at 7:43
you can get all elements with
$('select') and $('input') and use $.each for get data from those elements. then create JSON with those arrays and send it to URL– mahradbt
Nov 11 at 7:46
you can get all elements with
$('select') and $('input') and use $.each for get data from those elements. then create JSON with those arrays and send it to URL– mahradbt
Nov 11 at 7:46
You can just add the type to every input name, like :
<select name="example1_select">, <input name="example2_text">,... and then in your back-end split each name by _ to retrieve the real name and the type of it.– AmirhosseinDZ
Nov 11 at 8:54
You can just add the type to every input name, like :
<select name="example1_select">, <input name="example2_text">,... and then in your back-end split each name by _ to retrieve the real name and the type of it.– AmirhosseinDZ
Nov 11 at 8:54
add a comment |
1 Answer
1
active
oldest
votes
up vote
0
down vote
I thought the easiest solution was just to change the names of the form fields. So I changes the names to $type.'_'.$name
This then allowed me to know what type it was, and I just strpos/substr them in php, to extra the type and remove that part from name?
answered Nov 11 at 9:07
Source
6282615
add a comment |
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
up vote
0
down vote
I thought the easiest solution was just to change the names of the form fields. So I changes the names to $type.'_'.$name
This then allowed me to know what type it was, and I just strpos/substr them in php, to extra the type and remove that part from name?
answered Nov 11 at 9:07
Source
6282615
add a comment |
up vote
0
down vote
I thought the easiest solution was just to change the names of the form fields. So I changes the names to $type.'_'.$name
This then allowed me to know what type it was, and I just strpos/substr them in php, to extra the type and remove that part from name?
answered Nov 11 at 9:07
Source
6282615
add a comment |
up vote
0
down vote
up vote
0
down vote
I thought the easiest solution was just to change the names of the form fields. So I changes the names to $type.'_'.$name
This then allowed me to know what type it was, and I just strpos/substr them in php, to extra the type and remove that part from name?
answered Nov 11 at 9:07
Source
6282615
I thought the easiest solution was just to change the names of the form fields. So I changes the names to $type.'_'.$name
This then allowed me to know what type it was, and I just strpos/substr them in php, to extra the type and remove that part from name?
answered Nov 11 at 9:07
Source
6282615
answered Nov 11 at 9:07
Source
6282615
answered Nov 11 at 9:07
Source
6282615
answered Nov 11 at 9:07
Source
6282615
6282615
add a comment |
add a comment |
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53246708%2fhow-to-determine-field-type-with-serialize-in-jquery%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
share your html code
– DPS
Nov 11 at 7:43
you can get all elements with
$('select')and$('input')and use$.eachfor get data from those elements. then create JSON with those arrays and send it to URL– mahradbt
Nov 11 at 7:46
You can just add the type to every input name, like :
<select name="example1_select">,<input name="example2_text">,... and then in your back-end split each name by_to retrieve the real name and the type of it.– AmirhosseinDZ
Nov 11 at 8:54