jQuery的下拉列表中更改事件不火 [英] jQuery drop down list change event not fire

问题描述

我写Asp.Net MVC应用程序和whant实现级联下拉列表的功能，但我用jQuery改变事件的问题。
我在哪里错了？

使用Javascript：

 ＆LT;脚本的charset =UTF-8TYPE =文/ JavaScript的LANGUAGE =JavaScript的SRC =＆LT;％= Url.Content（〜/内容/ jQuery的-1.4.1.js）％＆GT;＆GT;＆LT; / SCRIPT＆GT;
＆LT;脚本的charset =UTF-8TYPE =文/ JavaScript的LANGUAGE =JavaScript的＆GT;
  $（文件）。就绪（函数（）{
      $（＃ddlCategories），变化（函数（）{警报（成功了！）;}）;
  }）;
＆LT; / SCRIPT＆GT;
 

MVC：

 ＆LT;％= Html.DropDownList（CategoriesId（的SelectList）ViewData的[CategoriesList]，新{ID =ddlCategories}）％GT;
＆LT;％= Html.DropDownList（ModelId（的SelectList）ViewData的[ModelsList]，新{ID =ddlModels}）％GT;
 

HTML

 ＆LT;选择名称=CategoriesIdID =ddlCategories＆GT;
  ＆LT;期权价值=1＆GT; Thermage热绍尔塔岛医疗＆LT; /选项＆GT;
  ＆LT;期权价值=2＆GT;与Syneron公司LT; /选项＆GT;
  ＆LT;期权价值=59＆GT;＆德卡LT; /选项＆GT;
＆LT; /选择＆GT;
＆LT;选择名称=ModelIdID =ddlModels＆GT;
  ＆LT;期权价值=1＆GT; Thermage热NXT RF＆LT; /选项＆GT;
  ＆LT;期权价值=2＆GT; Thermacool TC＆LT; /选项＆GT;
＆LT; /选择＆GT;
 

解决方案

正常工作，请参见这里 。你确定你没有任何其他的JavaScript错误？

I write Asp.Net MVC application and whant to realize cascading drop down lists functionality, but I have problem with jQuery change event. Where am I wrong?

Javascript:

<script charset="utf-8" type="text/javascript" language="javascript" src="<%= Url.Content("~/Content/jquery-1.4.1.js") %>"></script>
<script charset="utf-8" type="text/javascript" language="javascript">
  $(document).ready(function () {
      $("#ddlCategories").change(function () { alert("It worked!"); });
  });
</script>

MVC:

<%=Html.DropDownList("CategoriesId", (SelectList)ViewData["CategoriesList"], new { Id = "ddlCategories" })%>                    
<%=Html.DropDownList("ModelId", (SelectList)ViewData["ModelsList"], new { Id = "ddlModels" })%>  

HTML:

<select name="CategoriesId" id="ddlCategories">
  <option value="1">Thermage Solta Medical</option>
  <option value="2">Syneron</option>
  <option value="59">Deka</option>
</select>                    
<select name="ModelId" id="ddlModels">
  <option value="1">Thermage NXT RF</option>
  <option value="2">Thermacool TC</option>
</select>     

解决方案

works fine, see here. Are you sure that you don't have any other javascript errors?

这篇关于jQuery的下拉列表中更改事件不火的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！