aws-select2+radio

最新推荐文章于 2019-07-24 00:00:00 发布

原创最新推荐文章于 2019-07-24 00:00:00 发布 · 173 阅读

0 ·

CC 4.0 BY-SA版权

前端同时被 3 个专栏收录

5 篇文章

订阅专栏

radio

1 篇文章

订阅专栏

select2

1 篇文章

订阅专栏

博客提到select2的元素属性是对象，需用选择器操作，使用document.getElementById(“selectSearch”).value只能取到第一个值，还提及了异步传输和radio相关内容。

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

固定值

<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 只能取到第一个值

异步传输

<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不推荐！！！！
//直接<select><#data><select/>更方便

//多选赋值
var checkModeArr = checkMode.split(",");
$("#checkMode").val(checkModeArr).trigger("change");
//取值
 [window.]$("#selectSearch").val());
  window.$("#checkMode").val().toString();

radio

//取值
var cheitTypeCode = window.$('input[name="cheitType"]:checked').val();
//赋值
$("input[name='cheitType'][value='<#cheitType>']").check("check");
//注意attr不行！不知道为啥