首页 > 其他 > 详细

地区选择Distpicker

时间:2017-04-19 12:46:26      阅读:794      评论:0      收藏:0      [点我收藏+]

http://www.jq22.com/jquery-info8054

依赖jq

 

 1 <li class="dz"><span class="name">地   址:</span>
 2                         <div class="areapick">
 3                             <select class="pick"></select>
 4                             <select></select>
 5                             <select></select>
 6                         </div>
 7                         <div class="hideinputbox">
 8                             <input type="hidden">
 9                             <input type="hidden">
10                             <input type="hidden">
11                         </div>
12                     </li>

 

 3 <script src="scripts/Distpicker/distpicker.data.js"></script>
 4 <script src="scripts/Distpicker/distpicker.js"></script>
 5 <script type="text/javascript">
 6     $(function(){
 7         $(.areapick).distpicker();
        //将选择的值传递到对应的input中,用于表单提交
8 $(.areapick select).change(function(event) { 9 $(.hideinputbox input).eq($(this).index()).val($(this).val()); 10 console.log($(.hideinputbox input).eq($(this).index()).val()); 11 }); 12 13 }) 14 </script>

 

地区选择Distpicker

原文:http://www.cnblogs.com/ghfjj/p/6732845.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!