移动端城市选择控件 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>cityselect</title> <link rel="stylesheet" href="http://img.gzui.net/plug-in/cityselect.css"> <style type="text/css"> input.cityinput{outline: none;border: 1px solid #a80;padding: 8px 15px;margin: 20px;} </style> </head> <body> <div class="area"> <label class="cityinput aaa" id="citySelect" data-id="941">池州</label> </div> <input type="text" class="cityinput" id="bbb" placeholder="请选择城市"> </body> <script src="http://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script> <script type="text/javascript" src="http://img.gzui.net/plug-in/cityselect.js"></script> <script type="text/javascript"> var citySelect = new Vcity.CitySelector({ input: 'citySelect' }); var citySelect = new Vcity.CitySelector({ input: 'bbb' }); </script> </html> 提示:你可以先修改部分代码再运行。 转载请注明:有爱前端 » 城市选择 喜欢 (0)or分享 (0)