在前端设计中,表单中的联动菜单如何使用_前端知识_新闻_文汇918博天堂网站官方918博天堂手机客户端
4006063061 15628812133

在前端设计中,表单中的联动菜单如何使用

前端知识   点击量:0次   2018-09-29 16:52

在前段工作时经常会遇到移动端开发,会不可避免地遇到许多表单问题,今天文汇建站的小编就来跟大家分享下联动菜单是如何使用的。

<script language="javascript" src="js/PCASClass.js"></script>

<fieldset style=" display: none">

<legend>省市联动</legend>

出生地:<select name="P1"></select><select name="C1"></select><br>

所在地:<select name="P2"></select><select name="C2"></select><br>

工作地:<select name="P3"></select><select name="C3"></select><br>

</fieldset>

<fieldset style="border: none">

 <label for="dq" data-am-scrollspy="{animation: 'slide-left', delay: 500}"><span>*</span>所在地区:</label>

 <div class="dq" data-am-scrollspy="{animation: 'slide-right', delay: 500}">

 <select  name="data[shengfen]"></select><select  name="data[cheng]"></select><select  name="data[di]"></select><br>

</div>

</fieldset>

<script language="javascript" defer>

new PCAS("P1","C1");

new PCAS("P2","C2","吉林省");

new PCAS("P3","C3","江苏省","苏州市");

new PCAS("data[shengfen]","data[cheng]","data[di]","选省份","选城市","选地区");

</script>

调用以上代码,同时调用这个PCASClass.js文件(PS:如果没有请找度娘),new PCAS("data[shengfen]","data[cheng]","data[di]","选省份","选城市","选地区");这里呢是显示最上部的名称的。


在前端设计中,表单中的联动菜单如何使用

在前端设计中,表单中的联动菜单如何使用

这样我们的联动菜单就完成了

< 返回列表

相关案例更多

其他资料更多

扫描二维码关注我们:918博天堂网站918博天堂网站有限公司
确 认
<友情连结> 济南918博天堂手机客户端建设918博天堂手机客户端公司/ 济南行知信息科技有限公司/ 济南搜到网络科技有限公司/ 中国华文教育网-广西华侨学校/ 广西华侨学校/