How to pass textbox input value and dropdownlist selected value as input parameters to Controller in mvc4 using jquery?

Question

I need to pass textbox input value and dropdownlist selected value to Controller in MVC4 ????????? For Eg : I have a Form with Textbox and Dropdownlist and a ( PartialView For Webgrid) . When i give datetime input to Textbox and Selected the "DoctorName" in Dropdown . Then i need to pass textbox input value and dropdownlist values as parameters to the controller ??????? My Controller is used to bind the webgrid in PartialView... The Code i tried which is not working......#doctortype is dropdownlist,#AppointmentDate is Textbox input datetime.

jquery:

   <script type="text/javascript">
    $(document).ready(function () {

        $('#doctorType').change(function (e) {
            e.preventDefault();
            var url = '@Url.Action("Filter")';
            $.get(url, { doctorname: $(this).val() }, { AppointmentDate: $('#AppointmentDate').val() }, function (result) {

                $('#FilterWebgrid').html(result);
            });
        });
    });
</script>

Are you using @Html.Dropdownlistfor ? Textbox and dropdown value binded to model ? — Sakthivel
– Sakthivel, Commented Nov 21, 2013 at 12:36

Misters · Accepted Answer · 2013-11-21 12:37:17Z

1

is not

$.get(url, `{ doctorname: $(this).val() }, { AppointmentDate: $('#AppointmentDate').val() }`, function (result) {

                $('#FilterWebgrid').html(result);
            });

You are sending two object. You have to send a single object like this:

  $.get(url, { doctorname: $(this).val(), AppointmentDate: $('#AppointmentDate').val() }, function (result) {

                $('#FilterWebgrid').html(result);
            });

2) check the console and network tab and check if there is any error.

3) The value you are passing must be the same type as the parameter expected in the Action

answered Nov 21, 2013 at 12:37

Misters

1,3572 gold badges16 silver badges30 bronze badges

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

Comments

Community · Accepted Answer · 2017-05-23 12:19:13Z

0

This is just simple method to post data. If your controller returns data back to view, try $.getJSon();

<input type="text" value="doctor name" id="txtDoctor"/>
<select id="ddlDoctor"><option>SomeSelectedData</option></select>

<script>
 $(document).ready(function() {
   var txtValue = $('#txtDoctor').val();  
   var ddlValue = $('#ddlDoctor').val();

   $.ajax({
       url: '/controller/action',
       data: { doc: txtValue, name: ddlValue },
       traditional: true,
       success: function(result) {
       alert(result.status);
   }
 });
 });
</script>

to know more about getJSon and JSON Result, check these links.

GetJson with parameters

JSON result in view

edited May 23, 2017 at 12:19

CommunityBot

11 silver badge

answered Nov 21, 2013 at 12:43

Sakthivel

1,9382 gold badges23 silver badges48 bronze badges

Collectives™ on Stack Overflow

How to pass textbox input value and dropdownlist selected value as input parameters to Controller in mvc4 using jquery?

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related