js编写城市选项切换效果

JavaScript015

js编写城市选项切换效果,第1张

好。

1、效果方面：js编写城市选项切换效果一款JS版网页顶部向下滑出的城市切换导航，仿sohu团购网页顶部的城市导航切换，从顶部向下滑出，效果非常好。

2、范围方面：js编写可以随时查看，应用范围广，方便在其他城市之间切换。

你好 我只有中的 省市联动 ··贴上代码 供你做参考吧

//省份数组

var shenArr=["请选择省份/城市","北京市","上海市","天津市","重庆市","香港特别行政区","澳门特别行政区","湖南","辽宁","河北","山东","河南","湖北","福建","四川","江西"]

//自定义下标（属性）

//shenArr["名称"]

shenArr["请选择省份/城市"]=["请选择城市/地区"]

shenArr["北京市"]=["北京市"]

shenArr["上海市"]=["上海市"]

shenArr["天津市"]=["天津市"]

shenArr["重庆市"]=["重庆市"]

shenArr["香港特别行政区"]=["香港特别行政区"]

shenArr["澳门特别行政区"]=["澳门特别行政区"]

shenArr["福建"]=["福州市","厦门市","泉州市","漳州市","南平市","三明市","龙岩市","莆田市"]

shenArr["湖南"]=["长沙市","株洲市","湘潭市","郴州市","益阳市","娄底市","衡阳市","常德市"]

shenArr["辽宁"]=["沈阳市","大连市","抚顺市","鞍山市","铁岭市","本溪市","丹东市","锦州市"]

shenArr["河北"]=["保定市","唐山市","邯郸市","邢台市","沧州市","衡水市","廊坊市","承德市"]

shenArr["山东"]=["济南市","青岛市","威海市","潍坊市","菏泽市","济宁市","莱芜市","烟台市"]

shenArr["河南"]=["洛阳市","焦作市","商丘市","信阳市","周口市","鹤壁市","安阳市","濮阳市"]

shenArr["湖北"]=["武汉市","荆门市","汉口市","咸宁市","襄樊市","荆州市","黄石市","孝感市"]

shenArr["江西"]=["南昌市","赣州市","上饶市","宜春市","吉安市","抚州市","萍乡市","九江市"]

$.each(shenArr,function(i,val){

//添加下拉项

$("select[name=sheng]").append("<option value='"+val+"'>"+val+"</option>")

})

//市级下拉框绑定

$("select[name=sheng]").change(function(){

var index=$(this).val()

var shiArr=shenArr[index]

$("select[name=shi]").empty()

$.each(shiArr,function(i,val){

//添加下拉项

$("select[name=shi]").append("<option value='"+val+"'>"+val+"</option>")

})

})

<select name="sheng"></select>&nbsp

<select name="shi">

<option>请选择城市/地区</option>

</select>

希望能帮到你 谢谢

一般项目中，用户的登陆信息储存在一个session中，判断登陆成功后，利用用户ID之类找到该用户所有信息，然后放在这个用户的对象之中：

User loginUser= userDao.getUser(id)//getUser(id)是通过id查找为传入id的用户的所有信息，并返回一个对象

request.getSession().setAttribute("user",loginUser)//把当前用户存入名为user的session中

jsp页面获得如下：

页面开头可以获得用户的某项信息，例如名字：

<%

String name=((User)session.getAttribute("user")).getName()

%>

然后js中得到这个name值：

</script>

var loginName="<%=name%>"

<script>

然后其他的值类似获得。

这是常用的方法，希望对你有用