xm-select/docs/mds/XM11.md
2019-11-19 20:13:50 +08:00

910 B

自定义属性

更换属性key

也许你的数据库返回的并不是namevalue, 也许你提交的时候不止namevalue, 怎么办? 自定义就行

:::demo 我的namelabel, 我的valueid, 我有其他属性group

<div id="demo1" class="xm-select-demo"></div>
<button class="btn" id="demo1-getValue">获取选中值</button>
<pre id="demo1-value"></pre>

<script>
var demo1 = xmSelect.render({
	el: '#demo1', 
	prop: {
		name: 'label',
		value: 'id',
	},
	data: [
		{label: '张三', id: 1, group: 1},
		{label: '李四', id: 2, group: 1},
		{label: '王五', id: 3, group: 2},
	]
})

document.getElementById('demo1-getValue').onclick = function(){
	//获取当前多选选中的值
	var selectArr = demo1.getValue();
	document.getElementById('demo1-value').innerHTML = JSON.stringify(selectArr, null, 2);
}
</script>

:::