用JS实现省市下拉框怎么做?_安全

试试这个：
<script language="JavaScript">

</script>
<form name="profile" method="post" action="whereasp">
<SELECT id=province size=1 name=province>
<OPTION selected></OPTION>
</SELECT>
<SELECT id=city size=1 name=city>
<OPTION selected></OPTION>
</SELECT>
<SCRIPT language=javascript>
InitCitySelect(documentprofileprovince,documentprofilecity);
</SCRIPT>
<input type="submit">
</form>
如你要提取市的数据，你需要在接受请求页面写如下代码：
shi=trim(requestform("city"))
就可以得到市的值了。
还有这是用Form传递参数，而不是用QueryString传递。

页面中获取值并判断的js如下：
<script type="text/javascript">
//这个函数是必须的，因为在areajs里每次更改地址时会调用此函数
function promptinfo()
{
var address = documentgetElementById('address');
var s1 = documentgetElementById('s1');
var s2 = documentgetElementById('s2');
var town1 = documentgetElementById('town1');

经测试代码是没有问题的，可能唯一的问题就是你的s字符串赋值时多了些换行符，不过你是直接复制到百度上来的，不确定是百度自动加上去的，还是你手误加上去的，另外你的字符串中间多了不少空格。你的编译器没有报任何错误吗，你可以试下看，测试代码如下：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" "
>flash发到邮箱了
<script type="text/javascript">
imgUrl1="1jpg";
imgtext1="111"
imgLink1=escape(">你好我只有中的省市联动 ··贴上代码供你做参考吧
//省份数组
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>
希望能帮到你谢谢

用绑定不同class的方法来做：
<span v-bind:class="{'left': isClose, 'right': isOpen} switcher" v-on:click="switcher"></span>

在vue实例中写入标记和开关方法：
data: {
isClose: true,
isOpen: false//假设默认关闭
},
methods: {
switcher: function() {
//实现开关切换
isClose = !isClose;
isOpen = !isOpen;
}
}
css样式：
switcher {
transition: left 08s;
}
left {
left: 0;
}
right {
left: 50px;//移动50px
}
这样就能通过点击时改变css属性，并配合transition来实现动态开关了。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/yw/10555551.html

用JS实现省市下拉框怎么做?

发表评论

评论列表（0条）