jquery联动实例 jquery链式操作

在jQuery中如何使用Ajax实现下拉框无刷新联动

由于select的点击就显示下拉列表时控件本身的特性，无法取消（我尝试过阻止默认事件，结果没有反应），所以最好的方法我觉得就是模拟select，就是说不用select标签，自己写一组html替换select，这方面成熟的jquery插件也不少。

成都网站建设哪家好，找创新互联公司！专注于网页设计、重庆网站建设公司、微信开发、微信平台小程序开发、集团成都企业网站建设等服务项目。核心团队均拥有互联网行业多年经验，服务众多知名企业客户；涵盖的客户类型包括：茶楼设计等众多领域，积累了大量丰富的经验，同时也获得了客户的一致表扬！

格式为；第一步，使用jquery的ajax技术，将数据读入。相关的函数有$.ajax()， $.get()， $.post()$.load() 等函数。使用方法请百度一下，教程非常多。

接下来，创建一个verify.js文件，在该文件中创建verify()方法，用来实现Ajax的无刷新效果，这是该示例中最为重要的一步。

你使用的是 $.getJSON ，这个方法要求你的后台数据 Content-Type 是 text/json 或者 application/json 。

无刷新就是要用到ajax请求，jquery只是一种实现ajax的方式。建议你找一个jquery ajax调用的demo看看。

1、可以动态添加多个下拉框，可减少下拉框选中第一个下拉框的任意一个值，同时第三个下拉框的值跟着改变，显示对应的数据。ps：what？光动态添加就足以。。赋值还不能直接赋，而是添加下拉时就赋值。。

2、设置一个input type=“text readonly=truebr/select multiple style=display：none/select，当点击input的时候，查询数据库，将值赋值给select并让select显示出来，选择option的时候给input赋值就搞定了。

3、点击#ca时，检查有没有options_loaded=1，有就不再发起ajax请求了。没有的话：发起ajax请求获取最新数据。追加option前先清空所有options。追加后，给#ca元素添加属性options_loaded=1。

4、遇到事件触发时，用动画慢慢把高度拉大。而且select的外观是由系统外观决定的无法改变，一般看到的网页上的很漂亮的下拉菜单，如果不是用flash做的话，都是用其他标签重画的。

5、你是怎么搞的，代码贴出来看看。二级联动，都是在一级上加一个onchange事件，触发时更新二级就可以了。

现用post方法给第一个框赋值，然后默认取第一个框里的第一个值，给第二个框赋值。然后给一个框加一个onselect事件。

你使用的是 $.getJSON ，这个方法要求你的后台数据 Content-Type 是 text/json 或者 application/json 。

静态的话你需要有街道地图和下属村的资料，用 javascript 的全局变量：数组或对象存起来。

文章标题：jquery联动实例 jquery链式操作
转载源于：http://6mz.cn/article/dijgiop.html