Asp.net mvc 4 如何使用jquery将textbox输入值和dropdownlist所选值作为输入参数传递给mvc4中的控制器？

我需要将文本框输入值和dropdownlist所选值传递给MVC4中的控制器例如：我有一个带有Textbox和Dropdownlist的表单，还有一个（Webgrid的PartialView）。当我向Textbox输入日期时间并在下拉列表中选择“DoctorName”时。然后我需要将textbox输入值和dropdownlist值作为参数传递给控制器？？？？？？？我的控制器用于绑定PartialView中的webgrid。。。我尝试的代码无效……#doctortype是dropdownlist，#AppointmentDate是文本框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>

$（文档）.ready（函数（）{
$（'#doctorType'）。更改（函数（e）{
e、 预防默认值（）；
var url='@url.Action（“过滤器”）；
$.get（url，{doctorname:$（this.val（）}，{AppointmentDate:$（'#AppointmentDate'）.val（）}，函数（结果）{
$（'#FilterWebgrid'）.html（结果）；
});
});
});

不是

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

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

您正在发送两个对象。您必须发送一个对象，如下所示：

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

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

2） 检查控制台和网络选项卡，并检查是否存在任何错误

---

3） 您传递的值必须与操作中预期的参数类型相同这只是发布数据的简单方法。如果您的控制器将数据返回视图，请尝试$.getJSon（）

某些选定数据
$（文档）.ready（函数（）{
var txtValue=$（'#txtDoctor'）.val（）；
var ddlValue=$（'#ddlDoctor'）.val（）；
$.ajax({
url:“/controller/action”，
数据：{doc:txtValue，name:ddlValue}，
传统的：是的，
成功：功能（结果）{
警报（结果、状态）；
}
});
});

要了解更多关于getJSon和JSON结果的信息，请查看以下链接

---

您是否正在使用@Html.Dropdownlistfor？文本框和下拉列表值是否绑定到模型？

<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>