最近捣鼓了一个基于Jquery地区选择的功能,由于没有系统的学习JQ直接拿着别人的JQ插件照猫画虎,现将一些学习的心得记录之。
这个地区选择框引入了JQ的自动输入完成插件AutoComplete。单击选择地区后弹出选择框,可以直接单击选择地区或者在输入框中输入地区(输入时伴有输入提示功能)。这个效果的DEMO (文件比较多加载比较慢)。
总结:
1、JSON数据的名不能直接是数字,如我用area.3000000000时就取不到值,后来把名前面加了个前缀为"area_",再使用area.area_3000000000就能取到值了。
2、JS的concat() 方法可以用来合并数组。w3c school 实例
3、JQ的Autocomplate插件功能真是强大到不行,支持多维数组特别配合JSON。自动输入提示功能不仅提供提示功能,在输入完成后Autocomplate插件可以返回你想要任何数据。具体如何返回数据或者显示输入完成后的数据可以见result事件函数。