ajax获取下拉菜单

最新推荐文章于 2023-05-22 22:27:23 发布

hello php

最新推荐文章于 2023-05-22 22:27:23 发布

阅读量592

点赞数

本文链接：https://blog.csdn.net/shj_php/article/details/79157946

版权

<td>联系地址：</td>
<td colspan="2">
   <div class="col-xs-2">
       <select οnchange="get_city(this)" id="province" name="province" class="form-control" style="margin-left:-15px;">
           <option  value="0">选择省份</option>
           <volist name="province" id="vo">
               <option value="{$vo.id}" <if condition="$config[province] eq $vo[id]">selected</if>>{$vo.name}</option>
           </volist>
       </select>



//jquery代码
function get_province(){
    var url = '/index.php?m=Admin&c=Api&a=getRegion&level=1&parent_id=0';
    $.ajax({
        type : "GET",
        url  : url,
        error: function(request) {
            alert("服务器繁忙, 请联系管理员!");
            return;
        },
        success: function(v) {
            v = '<option value="0">选择省份</option>'+ v;
            $('#province').empty().html(v);
        }
    });
}

============================================================================
开始时，在html页面的下拉选项中给一个
<option  value="0">选择省份</option>
，然后再在js代码中，ajax获取时候在给一个<option  value="0">选择省份</option>，然后拼接上ajax请求过来的，组成新的组合，然后在用
jQuery中让原本的html代码的下拉选框部分清空(empty()的作用)，然后再整体填充