JS对多选框与下拉框常用操作

/ 前端 / 1 条站内评论 / 499浏览

多选框:

//对多选框设置默认选中

//要被选中的值
var postData = utils.getQueryObj();
//获取多选框name为confirmStatus的所有value值进行遍历
$("input[name='confirmStatus']").each(function(){
            //当前值==xxx 
            if($(this).val()==postData.confirmStatus){
                //选中
                $(this).attr("checked","checked");
            }
        })

//移除默认选中
            if($(this).val()==1){
                $(this).removeAttr("checked");
            }

下拉框:

//遍历ajax返回的下拉数据
$.each(data.data, function (index, value, array) {
                    var postData = utils.getQueryObj();
                    //选中判断逻辑 根据自身需求写
                    if(postData!=null){
                      //flag存储是否选中。
                    	var flag=postData.returnParty == value.code?"selected":"";
                           //默认选中。
                         $("<option value='" + value.code + "' "+flag+">" + value.text + "</option>").appendTo("#returnParty")//添加下拉框的option
					}else{
                        $("<option value='" + value.code + "'>" + value.text + "</option>").appendTo("#returnParty")//添加下拉框的option
                    }
                });
  1. 多向大佬学习

    回复
召唤蕾姆
琼ICP备18000156号

鄂公网安备 42011502000211号