<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>按拼音首字母分类的jQuery城市选择代码</title>
<link rel="stylesheet" type="text/css" media="all" href="css/tyle.css">
<script src="js/jquery-1.9.1.min.js"></script>
</head>
<body><script src="/demos/googlegg.js"></script>
<center>
<input type="text" placeholder="选择城市" id="place" name="">
<input type="text" placeholder="您要去哪?" id="destination" name="">
<!-- 城市 -->
<div id="in_city" style="display: none"></div>
</center>
<script type="text/javascript" src="js/cityTemplate.js"></script>
<script type="text/javascript">
var cityA = $(".city_a_le1 a"); //城市
var pla = $("#place"); //出发地
var dest = $("#destination"); //目的地
// 默认值
inCity.width = "345"; //城市选择框 宽
inCity.height = "auto"; //城市选择框 高
inCity.id = "#in_city"; //城市选择框 父级ID
inCity.Children = '.city_a_le1'; //城市名box
// 初始化 城市HTML模板
$(inCity.id).prepend(inCity._template.join(''));
inCity.Hot(cityA);
//城市 导航
var apay = $(".screen a");
var placeThis; //当前选择标签
apay.click(function(obj){ //城市导航
inCity.payment($(this));
})
inCity.place(pla); //出发地
inCity.destination(dest); //目的地
inCity.cityClick(cityA); //显示赋值城市
</script>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
<p>适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.</p>
<p>更多源码下载:<a href="http://www.96flw.com" target="_blank">www.96flw.com</a></p>
</div>
</body>
</html>
按拼音首字母分类的jQuery城市选择代码.zip
版权申诉
50 浏览量
2023-09-21
00:00:52
上传
评论
收藏 41KB ZIP 举报
码云笔记
- 粉丝: 2w+
- 资源: 5837
最新资源
- Qt开发知识、经验总结 包括Qss,数据库,Excel,Model/View等
- IV数据.xlsx
- 一些深度学习中的小例子,适合新手学习使用
- foldcraftlauncher_262944.apk
- 珍藏多年的基于matlab实现潮流计算程序源代码集合,包含多个潮流计算程序.rar
- 使用FPGA实现串-并型乘法器
- 基于matlab实现针对基于双曲线定位的DV-Hop算法中误差误差出一种基于加权双曲线定位的DV-Hop改进算法.rar
- 基于matlab实现由遗传算法开发的整数规划,车辆调度问题.rar
- 电视家7.0(对电视配置要求高).apk
- 免费计算机毕业设计-基于JavaEE的医院病历管理系统设计与实现(包含论文+源码)
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈