Html MVC-下拉处理ajax更改调用函数
不确定我在这里做错了什么,但由于某种原因,on change函数没有起作用。我希望这里有人能给我指出正确的方向 我有一个视图,其中有一些引导选项卡,其中一个选项卡中有一个下拉列表。我希望发生的是,当用户选择一年时,它向controller发出ajax调用,获取json数据并用数据填充一个表。这是我的密码: 他认为:Html MVC-下拉处理ajax更改调用函数,html,jquery,asp.net-mvc-4,Html,Jquery,Asp.net Mvc 4,不确定我在这里做错了什么,但由于某种原因,on change函数没有起作用。我希望这里有人能给我指出正确的方向 我有一个视图,其中有一些引导选项卡,其中一个选项卡中有一个下拉列表。我希望发生的是,当用户选择一年时,它向controller发出ajax调用,获取json数据并用数据填充一个表。这是我的密码: 他认为: <div id="StatementsTab" class="tab-pane fade">
<div id="StatementsTab" class="tab-pane fade">
<div class="text-left dash-left-padding dash-right-col-content-billing">
<select class="form-control edi-blue" id="ddlStatements">
<option value="0">VIEW STATEMENTS</option>
<option value="@DateTime.Now.Year">@DateTime.Now.Year STATEMENTS</option>
<option value="@DateTime.Now.AddYears(-1).Year">@DateTime.Now.AddYears(-1).Year STATEMENTS</option>
<option value="@DateTime.Now.AddYears(-2).Year">@DateTime.Now.AddYears(-2).Year STATEMENTS</option>
<option value="@DateTime.Now.AddYears(-3).Year">@DateTime.Now.AddYears(-3).Year STATEMENTS</option>
<option value="@DateTime.Now.AddYears(-4).Year">@DateTime.Now.AddYears(-4).Year STATEMENTS</option>
<option value="@DateTime.Now.AddYears(-5).Year">@DateTime.Now.AddYears(-5).Year STATEMENTS</option>
</select>
<br />
<table id="statementtbl">
<tr>
<td></td>
</tr>
</table>
我不知道为什么,但控制台日志没有被点击。请帮助…是
$(“#ddlStatements”)。在onDomReady处理程序中更改(函数(){…})
(函数(){…})或$(文档).ready(函数(){…})
?如果没有,您可能正在尝试在呈现select之前绑定更改处理程序。jQuery是否加载到该视图或页面的头部?只要加载了jQuery,并且该页面上没有其他DDL语句,您的代码就应该可以工作。Tieson-是的,它位于文档就绪函数的内部$(document).ready(function(){一个B@#$%的儿子!!!好吧,这是ready函数,我没有正确关闭它。谢谢大家!最简单的事情总是让我绊倒:)
$("#ddlStatements").change(function () {
console.log("change function yes");
var yr = $("#ddlStatements").val();
if (yr > 0){
$.ajax({
//var url = '../LabOrder/DeletePatientNoteAttachment?PatientNotes=' + JSON.stringify(yr);
url: '..Members/GetStatements',
data: 'Year=' + yr, // Send value of the drop down change of option
dataType: 'json', // Choosing a JSON datatype
success: function (data) {
console.log("success");
// Variable data contains the data you get from the action method
},
error: function (ex) {
console.log(ex);
}
});
}
});