aws-select2+radio

  1. 固定值
<select id="selectSearch">select>
$(document).ready(function() {
    var opt = {
		width : 300,
		data : [
			{id:"lb",text:"刘备"},
			{id:"gy",text:"关羽"},
			{id:"zf",text:"张飞"},
			{id:"cc",text:"曹操"}
		]
	};
	$("#selectSearch").select2(opt);
});

//赋值
$("#selectSearch").val(["gy"]).trigger("change"); //单选
$("#selectSearch").val(["gy","zf"]).trigger("change"); //多选
//取值
 [window.]$("#selectSearch").val());

这里注意
select2的元素属性是一个对象,需要用选择器进行操作。
document.getElementById(“selectSearch”).value 只能取到第一个值

  1. 异步传输
<select id="selectSearch">select>
//异步加载下拉列表
var checkMode = {
    width: "100%",
    allowClear: true,
    multiple:true,
    closeOnSelect:false,
    ajax: {
        url: "./jd",
        dataType: 'json',
        data: function () { 
            return {
                sid: "<#sid>",
                cmd:"com.awspaas.user.apps.********"
            };
        },
        processResults: function (data) { 
            return {
                results: data["checkMode"]
            };
        },
        cache: true
    }
};
$("#checkMode").select2(checkMode);
//!!!ajax不推荐!!!!
//直接更方便

//多选赋值
var checkModeArr = checkMode.split(",");
$("#checkMode").val(checkModeArr).trigger("change");
//取值
 [window.]$("#selectSearch").val());
  window.$("#checkMode").val().toString();
  1. radio
//取值
var cheitTypeCode = window.$('input[name="cheitType"]:checked').val();
//赋值
$("input[name='cheitType'][value='<#cheitType>']").check("check");
//注意attr不行!不知道为啥

你可能感兴趣的:(前端,radio,select2)