Get data of multiple select fields in form

Question

i have a form with 2 fields which is having jquery token based input, they can have single or multiple value, what is the way to capture the data from both input fields(which contains multiple values), which i should be able to distinguish based on the input field id. i intend to process this data in php script, so is it possible to get the input directly in ($_POST)

<div>
<h2>Include</h2>
    <input type="text" id="include" name="include" />


<h2>Must Have</h2>

    <input type="text" id="must_have" name="must_have" />

    <input type="button" value="Submit" />
</div>

jquery script to view the data when u hit the submit button. (it is currently showing me the data of include field only (example:- k1,k2,k3)) but it is not showing me for must_have field.

$(document).ready(function() {
    $("input[type=button]").click(function () {
        alert("Would submit: " + $(this).siblings("input[type=text]").val());
    });
});

i am new to jquery, so i dont know exaclty how to process this. please help.

"so is it possible to get the input directly in ($_POST)" Where else do you think it's going? — Popnoodles
– Popnoodles, Commented Feb 7, 2013 at 10:58
i am using jquery autosuggest multiple token input mechanism in this input field, so it is possible to get the data directly in $_POST or i need to do something else,(to get the data in JS , then pass it to php via JSON) — Aditya
– Aditya, Commented Feb 7, 2013 at 11:03
all fields within the form, except unchecked checkboxes, get posted — Popnoodles
– Popnoodles, Commented Feb 7, 2013 at 11:04
so if my include field contains (k1,k2,k3), then i am able to get it via $_POST['include']; ? — Aditya
– Aditya, Commented Feb 7, 2013 at 11:07
just use the <?php var_export($_POST); ?> in your php script and you will see all data posted :) — Stano
– Stano, Commented Feb 7, 2013 at 11:15

djleop · Accepted Answer · 2013-02-07 11:02:18Z

1

Try to use each to iterate on input text elements.

$(document).ready(function() {
    $("input[type=button]").click(function () {
        $(this).siblings("input[type=text]").each(function(i,elt){alert("Would submit: " + elt.val());});
    });
});

answered Feb 7, 2013 at 11:02

djleop

6974 silver badges18 bronze badges

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

1 Comment

djleop Over a year ago

jsfiddle is a great tool, i forgot it :)

devWaleed · Accepted Answer · 2013-02-07 11:00:08Z

0

Try this:

$(document).ready(function() {
$("input[type=button]").click(function () {
var input1 = $("#include").val();
 var input2 = $("#must_have").val();
    alert("Would submit: " + input1 + "&" + input2);
});
});

answered Feb 7, 2013 at 11:00

devWaleed

4751 gold badge3 silver badges14 bronze badges

2 Comments

Aditya Over a year ago

this thing works. thank a lot, Now i am considering can i directly use this data in php, without touching Jquery ? or can i directly take the data input in PHP variable?

devWaleed Over a year ago

umm, What do you mean? Tell me, do you want to process two fields value on the same page with only using PHP or JQuery?

Collectives™ on Stack Overflow

Get data of multiple select fields in form

2 Answers 2

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related