jquery select change事件_jQuery实现省市联动效果
生活随笔
收集整理的這篇文章主要介紹了
jquery select change事件_jQuery实现省市联动效果
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title></head><body><select name="province"id="province"><option >請選擇</option></select><select name="city" id="city"><option >請選擇</option></select></body><!--引入jQuery文件--><script src="js/jquery-3.4.1.js" type="text/javascript" charset="utf-8"></script><script type="text/javascript">var arr=["城市","水果","運動"]; var att=[["北京","上海",'南京'],["檸檬","芒果","榴蓮","櫻桃"],["籃球","足球","橄欖球"]];var province=$("#province");for(var i=0;i<arr.length;i++){ province.append("<option>"+arr[i]+"</option>"); }var city=$("#city");province.change(function(){//綁定change事件 var index=this.selectedIndex;//獲取當前下拉框選中的索引if(index>0){ var citys=att[index-1];city.html("<option>"+"請選擇"+"</option>");for(var j=0;j<citys.length;j++){city.append("<option>"+citys[j]+"</option>")} }else{city.html("<option>"+"請選擇"+"</option>");} })</script>
</html>
總結(jié)
以上是生活随笔為你收集整理的jquery select change事件_jQuery实现省市联动效果的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： python整数逆序输出_利用Pytho
- 下一篇： python高阶函数闭包装饰器_5.初识