触发下拉的更改事件
我想使用jquery触发$(document).ready中的下拉变化事件。
我在用户详细信息页面中为国家/地区和国家/地区级联下拉菜单。 我怎么能设置值(这是从DB基于用户ID)国家和国家在MVC与C#。
我不知道那么多的JQuery,但我听说它允许用这个语法来触发本地事件。
$(document).ready(function(){ $('#countrylist').change(function(e){ // Your event handler }); // And now fire change event when the DOM is ready $('#countrylist').trigger('change'); });
更多信息在这里 。
尝试这个:
$(document).ready(function(event) { $('#countrylist').change(function(e){ // put code here }).change(); });
定义更改事件,并立即触发它。 这确保事件处理程序在调用之前被定义。
可能迟到回答原来的海报,但其他人可能会受益于速记符号,这跟随jQuery的链接,等等
jquery链接
如果你正在尝试链接下拉菜单,最好的办法是有一个脚本返回一个预build的select框和一个AJAX调用请求它。
这里是jQuery的Ajax方法的文档,如果你需要的话。
$(document).ready(function(){ $('#countrylist').change(function(e){ $this = $(e.target); $.ajax({ type: "POST", url: "scriptname.asp", // Don't know asp/asp.net at all so you will have to do this bit data: { country: $this.val() }, success:function(data){ $('#stateBoxHook').html(data); } }); }); });
然后有一个跨越你的状态select框的ID为“stateBoxHook”
或者你可以把onchange属性放在下拉列表本身,那onchange会调用这样的jQuery函数。
<input type="dropdownlist" onchange="jqueryFunc()"> <script type="text/javascript"> $(function(){ jqueryFunc(){ //something goes here } }); </script>
希望这个帮助你,请注意,这个代码只是一个粗略的草案,没有任何idetesting。 谢谢
尝试这个:
$('#id').change();
为我工作。
在一行中设置值: $('#id').val(16).change();