选择框 Select

当选项过多时，使用下拉菜单展示并选择内容。

基础选择框

显示代码

<div class="open-container">
	<div class="open-row open-row-1">
		<div class="open-col-4">
			<div id="select"></div>
		</div>
	</div>
</div>

<script>
	const data = [
		{
	        value: '1',
	        title: '选择一',
	        selected: true
	    },
	    {
	        value: '2',
	        title: '选择二',
	    },
	    {
	        value: '3',
	        title: '选择三',
	    },
	    {
	        value: '4',
	        title: '选择四',
	    },
	];

	form.renderSelect({
		elem: '#select',
		name: 'select',
		placeholder: '选择框',
		data: data,
		click: function(res){
			console.log(res)
		}
	})
</script>

API

API	描述
form.renderSelect(options)	动态渲染

动态渲染

form.renderSelect(options)

• 参数options:基础属性配置

属性名	描述	类型	必填	默认值
id	dom选择器	string	是	-
name	选择框属性name	string	是	-
placeholder	提示文本	string	否	_
data	下拉框数据	array	是	-

• 回调函数

options.click 点击选择框列表后的回调函数

// 返回选择的数据
click: function(data){
	console.log(data)
}