省市级联--jquery调取json数据

最新推荐文章于 2022-06-21 17:56:03 发布

comeonstone

最新推荐文章于 2022-06-21 17:56:03 发布

阅读量3k

点赞数

分类专栏： Json json-esb-数据调用文章标签： jquery jquery mobile json html5

本文链接：https://blog.csdn.net/comeonstone/article/details/41244775

版权

使用jQuery mobile作为创建移动web的框架，需要实现省市级联的功能，具体代码如下（还需要优化的地方）：

Html代码：

jQuery mobile中，有input list属性，下方紧跟<datalist >标签，中间包含的<option value="XXXX"></option>即为选项，相当于这个input为有下拉列表的功能，当然，input的list名称需要和datalist中的id一致。

 <input id="province" list="prvlist" placeholder="省/自治区/直辖市" οnblur="changeProvince();">
    <datalist id="prvlist">

    </datalist>
    <input style="" id="city" list="citylist" placeholder="市" οnblur="changeCity();">
    <datalist id="citylist">

    </datalist>
    <input style="" id="area" list="arealist" placeholder="区">
    <datalist id="arealist