首页 > 其他 > 详细

select下拉的绑定及回显

时间:2016-03-08 13:20:43      阅读:196      评论:0      收藏:0      [点我收藏+]

下拉列表一般通过ajax请求数据绑定

// 绑定新闻类型下拉
function news_type() {
    var news_type=$("#news_type").val();
    $(".remove").remove();
    $.ajax({
        url : path + "/base/newsType",
        type : "POST",
        data : "json",
        success : function(data) {
            var html = ‘‘;
            for (var i = 0; i < data.length; i++) {
                var checked="";
                //如果id等于value,则选中
                if(data[i].id==news_type){
                    checked="selected=\"selected\"";
                }
                html += "  <option "+checked+" class=‘remove‘ value=‘" + data[i].id + "‘>"
                        + data[i].name + "</option>";
            }
            $(".news_type").append(html);

        },
        erro : function(e) {
            $.messager.alert("提示", "错误!", "error");
        }
    });
}

前端代码

<select class=‘news_type‘></select>

后台返回的是List集合

select下拉的绑定及回显

原文:http://www.cnblogs.com/angto64/p/5253547.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!