使用mobile jQuery 动态给select下拉添加数据，选中项默认不显示的解决方法。

最新推荐文章于 2022-11-10 15:11:49 发布

weixin_34383618

最新推荐文章于 2022-11-10 15:11:49 发布

阅读量753

点赞数

CC 4.0 BY-SA版权

文章标签： javascript json 数据库 ViewUI

原文链接：http://www.cnblogs.com/cyun/p/4603731.html

本文介绍如何使用Ajax技术从服务器动态获取并更新城市选择下拉菜单，包括请求方式、URL构造、数据解析及展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

getaddress();
    function getaddress(type=0,parent='')
    {
        var tid=1;
        $.ajax({
            type: "post",
            url: 'cityajax.php',
            dataType: "json",
            data: "type="+type+"&parent="+parent,
            success: function (data) {
                if (!jQuery.isEmptyObject(data)) {
                    strhtml='';
                    $.each(data, function (i, item) {
                       var sel=i==0?'selected="selected"' : ''
                        try {
                            strhtml += "<option value='"+item.enname+"' "+sel+">"+item.cnname+"</option>";
                        } catch (e) {
                            alert("e.Message:" + e.Message);
                        }
                    });
                    strhtml += "</select>";
                    $("#prov").html(strhtml).show();

                    //添加数据之后需要刷新才能正确显示，加入下面的一行代码就ok了 
$("#prov").selectmenu('refresh', true);//加上这句代码后就能显示默认的选中项了
                }
                else
                {
                    alert('获取地址失败');

                   // $("#prov").html('').hide();
                }
            },
            error:function(xhr)
            {
                alert(xhr.responseText);
            }
        });
    }