预览

源码

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>下拉列表</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>$(function (){var provinces=["黑龙江","吉林","辽宁"];var citys=[["哈尔滨","鹤岗","齐齐哈尔"],["四平","辽源","通化","吉林"],["沈阳","大连"]];var p=$("#province");for (var i=0;i<provinces.length;i++){var div=$("<option>");div.append(provinces[i]);p.append(div);}p.change(function (){$("#city").empty();var proid=-1;for (var i=0;i<provinces.length;i++){if (this.value==provinces[i]){proid=i;}}for (var i=0;i<citys[proid].length;i++){var div1=$("<option>");div1.append(citys[proid][i]);$("#city").append(div1);}})})
</script>
</head>
<body><div align="center"><select id="province" style="width: 100px"><option></option></select>省<select id="city" style="width: 100px"></select>市
</div></body>
</html>

Jquery 连动下拉列表相关推荐

Jquery完成连动下拉列表
Jquery完成连动下拉列表成果要求代码展示成果要求代码展示 <!DOCTYPE html> <html lang="en"> <head&g ...
使用Jquery，完成连动下拉列表
使用Jquery,完成连动下拉列表代码展示: <!doctype html> <html lang="en"><head><title& ...
使用jQuery更改下拉列表的选定值
我有一个带有已知值的下拉列表. 我正在尝试将下拉列表设置为使用jQuery知道的特定值. 使用常规JavaScript,我会做类似的事情: ddl = document.getElementById( ...
Jquery操作下拉列表和复选框，自定义下拉
后半部分还有自定义下拉列表和开灯关灯的效果,可以进来来看一下哦如果网页有下拉列表和复选框,看一下Jquery怎么来操作他们,主要怎么来选取他们的数据,怎么设置某一项选中先来看个下拉列表 < ...
jQuery实现下拉列表的二级联动
需求:选择省份时右侧自动变为相应省份下的城市列表 <!DOCTYPE h1 PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" & ...
ajax中怎样获取下拉列表,如何从Ajax/Jquery的下拉列表中获取复选框中的数据
这里是asnwer你可以做的是这样的 echo ''; echo 'Select User'; $sql = "SELECT * from users"; $res = mysql ...
jquery php下拉列表,JQuery三级下拉菜单
摘要: jQuery三级下拉菜单首页内容动画动画2 3级菜单→ 我是3级菜单我是3级菜单我是3级菜单动画2 3级菜单→ 我是3级菜单我是3级菜单 4级菜单→ 我是4级菜单我是4级菜单 ...
html中国家的下拉列表,jQuery Select下拉列表国家选择插件
jQuery Select下拉国家选择插件简介本文提供JQuery国家选择插件制作select下拉框带搜索功能,和图标的下拉国家列表选择插件代码.支持搜索快速查找,带国旗的国家下拉选择插件! jQu ...
使用jquery 根据下拉列表的name值查找被选中的值
2019独角兽企业重金招聘Python工程师标准>>> <select name="nameVale" οnchange="test()" ...

Jquery 连动下拉列表

阅读目录

预览

源码

Jquery 连动下拉列表相关推荐

最新文章

热门文章