EasyUI学习之Combobox下拉列表(1)

2020-05-24 21:37:10易采站长站整理

{ {
"Code": "1",
"Name": "男"
}, {
"Code": "0",
"Name": "女"
}
}

5.设置默认选项和取值


//设置默认选项
$('#gender').combobox('select', 1);
//取值
var gender = $('#gender').combobox('getValue');

6.年份小例子


///////////////////////////入学年份///////////////////////////////////////
$('#EduStartYear').combobox({
valueField: 'Value',
textField: 'Name',
panelHeight: 'auto',
required: true,
editable: false, //不可编辑,只能选择
});
var data = []; //创建年度数组
var thisYear = new Date().getUTCFullYear(); //今年
var startYear = thisYear - 5; //起始年份

var endYear = thisYear + 5; //结束年份

//数组添加值今年的前后五年
for (var i = 0; i <= 10; i++) {
data.push({
"Value": startYear + i,
"Name": startYear + i
});
}
$("#EduStartYear").combobox("clear")//下拉框加载数据,设置默认值为今年
.combobox("loadData", data)
.combobox("setValue", thisYear);
//$("#EduStartYear").combobox("setValue", thisYear);//设置默认值为今年