What is the easiest way to pass multiple variables in JQuery?

Question

I have a form that uses a JQuery Json post. I have 10+ textboxes on the page. I have variables passed the only way I know... is there another way to pass multiple variables?

$('#nameSubmit').click(function() {
    var status = document.getElementById('Select2').value;
    var lob = document.getElementById('LOB').value;
    var lName = document.getElementById('LName').value;
    var fName = document.getElementById('FName').value;
    var city = document.getElementById('City').value;
    var state = document.getElementById('State').value;
    $.post("Home/LoadTable", { Status: status, LOB: lob, LName: lName, FName: fName, City: city, State: state }, function(data) {
        //...process code works 
    }, 'json');
});

EDIT

I am using the following method to add textbox and dropdown lists...

<%using (Html.BeginForm("Index", "Home", FormMethod.Post, new { id = "myForm" })) {%>
<td><%= Html.TextBox("LName")%></td>
<select name="Status" id="Select2"> 
    <option value="ALL">All Policies</option>             
    <option value="Active">Active</option>
    <option value="Cancelled">Cancelled</option>                                     
</select>
<% } %>

What does have to do with Java?

TheLQ
– TheLQ

2010-08-20 17:54:56 +00:00
Commented Aug 20, 2010 at 17:54 — TheLQ
– TheLQ, Commented Aug 20, 2010 at 17:54
@Lord.Quackstar..... Sorry about that

MrM
– MrM

2010-08-20 18:02:03 +00:00
Commented Aug 20, 2010 at 18:02 — MrM
– MrM, Commented Aug 20, 2010 at 18:02

gen_Eric · Accepted Answer · 2010-08-20 18:10:40Z

3

Put the text boxes inside <form> tags, then use jQuery's serialize method.

<form id="myForm" action="javascript:void(0);">
    <input type="text" name="a" value="Input A" />
    <input type="text" name="b" value="Input B" />
    <input type="submit" value="Submit Form">
</form>

Then you can do this:

$('#myForm').submit(function(){
    $.post("Home/LoadTable", $('#myForm').serialize(), function(data){
        // code...
    },'json');
});

answered Aug 20, 2010 at 18:10

gen_Eric

228k42 gold badges304 silver badges343 bronze badges

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

1 Comment

MrM Over a year ago

Sorry about that. It did.. Thanks!

Achilles · Accepted Answer · 2010-08-20 17:53:41Z

0

That's pretty much the way to do it. You can write a form serializer that would produce the json for you, but you are still going to pass the produced json into it.

answered Aug 20, 2010 at 17:53

Achilles

11.3k11 gold badges65 silver badges115 bronze badges

1 Comment

MrM Over a year ago

Thanks... is this the same way for Html.Textbox, and Drop downs? See Edit

Ryan Tenney · Accepted Answer · 2010-08-20 18:51:27Z

0

The following code will loop over all text boxes (no textareas, though) and create an object with the IDs as the key.

$('#nameSubmit').click(function () {
    var obj = {};
    $("input:text", this.form).each(function () {
        obj[this.name] = this.value;
    });
    $.post("Home/LoadTable", obj, function (data) { /* */ }, 'json');
});

EDIT: Another person suggested using $().serialize(), in this use case I strongly support that as the best answer.

edited Aug 20, 2010 at 18:51

answered Aug 20, 2010 at 17:54

Ryan Tenney

1,8413 gold badges16 silver badges29 bronze badges

1 Comment

MrM Over a year ago

Thanks... is this the same way for Html.Textbox, and Drop downs? See Edit

Collectives™ on Stack Overflow

What is the easiest way to pass multiple variables in JQuery?

3 Answers 3

1 Comment

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related