how to determine field type with serialize in jquery
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 '18 at 7:31
SourceSource
6332615
add a comment |
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 '18 at 7:31
SourceSource
6332615
share your html code
– DPS
Nov 11 '18 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 '18 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 '18 at 8:54
add a comment |
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 '18 at 7:31
SourceSource
6332615
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 '18 at 7:31
SourceSource
6332615
asked Nov 11 '18 at 7:31
SourceSource
6332615
asked Nov 11 '18 at 7:31
SourceSource
6332615
asked Nov 11 '18 at 7:31
SourceSource
6332615
asked Nov 11 '18 at 7:31
SourceSource
6332615
6332615
share your html code
– DPS
Nov 11 '18 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 '18 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 '18 at 8:54
add a comment |
share your html code
– DPS
Nov 11 '18 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 '18 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 '18 at 8:54
share your html code
– DPS
Nov 11 '18 at 7:43
share your html code
– DPS
Nov 11 '18 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 '18 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 '18 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 '18 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 '18 at 8:54
add a comment |
1 Answer
1
active
oldest
votes
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 '18 at 9:07
SourceSource
6332615
add a comment |
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
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
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
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 '18 at 9:07
SourceSource
6332615
add a comment |
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 '18 at 9:07
SourceSource
6332615
add a comment |
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 '18 at 9:07
SourceSource
6332615
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 '18 at 9:07
SourceSource
6332615
answered Nov 11 '18 at 9:07
SourceSource
6332615
answered Nov 11 '18 at 9:07
SourceSource
6332615
answered Nov 11 '18 at 9:07
SourceSource
6332615
6332615
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
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 '18 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 '18 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 '18 at 8:54