- 1、本文档共2页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
本文实例讲述了 jquery trigger 实现联动的方法。分享给大家供大家参考,具体如下:
lt;htmlgt;
lt;headgt;
lt;titlegt;testinglt;/titlegt;
lt;script src=jquery-1.3.2.min.js type=text/javascriptgt;lt;/scriptgt;
lt;script type=text/javascriptgt;
$(function () {
nbsp; $(#Provinces).change(function (e,cityValue) {
nbsp; nbsp; if ($(this).val() == 1) {
nbsp; nbsp; nbsp; $(#City).html(lt;option value=1 gt; 长 沙
lt;/optiongt;lt;option value=2 gt; 衡阳 lt;/optiongt;);
nbsp; nbsp; } else {
nbsp; nbsp; nbsp; $(#City).html(lt;option value=1 gt; 武 汉
lt;/optiongt;lt;option value=2 gt; 襄阳 lt;/optiongt;);
nbsp; nbsp; }
nbsp; nbsp; if (typeof (cityValue) != undefined) {
nbsp; nbsp; nbsp; $(#City).val(cityValue);
nbsp; nbsp; }
nbsp; });
});
function test() {
nbsp; $(#Provinces).val(2);
nbsp; $(#Provinces).trigger(change,2);
}
lt;/scriptgt;
lt;/headgt;
lt;bodygt;
nbsp; 省:
nbsp; lt;select id=Provinces gt;
nbsp; nbsp; lt;option value=1 gt; 湖南 lt;/optiongt;
nbsp; nbsp; lt;option value=2 gt; 湖北 lt;/optiongt;
nbsp; lt;/selectgt;lt;br /gt;
nbsp; 市:
nbsp; lt;select id=Citygt;
nbsp; nbsp; lt;option value=1 gt; 长沙 lt;/optiongt;
nbsp; nbsp; lt;option value=2 gt; 衡阳 lt;/optiongt;
nbsp; lt;/selectgt;lt;br /gt;
nbsp; lt;input type=button value= 设置成湖北襄阳 onclick=test() /gt;
lt;/bodygt;
lt;/htmlgt;
众所周知, trigger 是异步的, 在其后面执行的代码可能会跑到它前面去执行, 上面
的代码就避免了这一点。
希望本文所述对大家 jQuery 程序设计有所帮助。
您可能关注的文档
- html5中media(播放器)的api使用指南.pdf
- html5中svgcanvas和图片之间相互转化思路代码.pdf
- html5中判断用户是否正在浏览页面的方法.pdf
- HTML5中的Article和Section元素认识及使用.pdf
- html5中的autofocus(自动聚焦)属性介绍.pdf
- html5中的input新属性range使用记录.pdf
- HTML5之WebGL3D概述(下)—借助类库开发及框架介绍.pdf
- HTML5使用ApplicationCache接口实现离线缓存技术解决离线难题.pdf
- html5使用canvas实现跟随光标跳动的火焰效果.pdf
- html5使用canvas画空心圆与实心圆_6.pdf
- 2022-2023年中药学类之中药学(师)考前冲刺模拟题库附有答案详解.docx
- 2021年一级造价工程师《案例分析》必考知识点整理汇总 .pdf
- 2023年企业人力资源管理师之三级人力资源管理师综合提升练习题库包含答案.docx
- 企业人力资源管理师之二级人力资源管理师考前冲刺模拟卷附有答案详解.docx
- 2022-2023年企业人力资源管理师之二级人力资源管理师练习题库附有答案详解.docx
- 2023年中级注册安全工程师之安全生产管理通关测试卷含答案讲解.docx
- 2023年一级造价师之建设工程技术与计量(交通)考前冲刺试卷A卷含答案.pdf
- 2023年一级注册建筑师之设计前期与场地设计强化训练试卷B卷附答案.pdf
- 公用设备工程师之专业知识(动力专业)综合提升测试卷含答案讲解.docx
- 公用设备工程师之专业案例(动力专业)综合提升模拟考试试卷含答案讲解.docx
文档评论(0)