自定义属性

更换属性key

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

我的name是label, 我的value是id, 我有其他属性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>

更换属性key​

更换属性key