xm-select

1. Введите `dist/xm-select.js`
2. Напишите `<div id="demo1"></div>`
3. Отрендерите
	var demo1 = xmSelect.render({
		el: '#demo1', 
		data: [
			{name: 'Фрукты', value: 1, selected: true, disabled: true},
			{name: 'Овощи', value: 2, selected: true},
			{name: 'Стол', value: 3, disabled: true},
			{name: 'Пекин', value: 4},
		],
   })

1. git clone https://gitee.com/maplemei/xm-select.git
2. cd xm-select
3. yarn или npm install

<!-- Захватываем место -->
<div id="demo1"></div>


<!-- Вводим плагин -->
<script src="../dist/xm-select.js" type="text/javascript" charset="utf-8"></script>
<!-- Отображаем страницу -->
<script type="text/javascript">
	var demo1 = xmSelect.render({
		// Здесь привязываем CSS-селектор
		el: '#demo1', 
		// Данные для отображения
		data: [
			{name: 'Фрукты', value: 1, selected: true, disabled: true},
			{name: 'Овощи', value: 2, selected: true},
			{name: 'Стол', value: 3, disabled: true},
			{name: 'Пекин', value: 4},
		],
	})
	
	// Переменная, demo1 может быть использована через API
	// Получить выбранные значения, demo1.getValue();
	// Установить выбранные значения, demo1.setValue([{ name: 'динамическое значение', value: 999 }])
	// ...
</script>

maplemei, 90-летний программист, любящий фронтенд

В 2016 году начал работать с layui великого贤心大大, что привело меня на небывалую тропу фронтенд-разработки
В 2017 году попробовал написать плагин для связывания провинций, городов и районов на основе layui, к концу года был создан первый вариант layui select много выбора
В июне 2018 года был выпущен formSelects
В июне 2019 года был выпущен xm-select

На самом деле каждое обновление версии — это новый взгляд на фронтенд, это также новый путь обучения

Сейчас автор почти не использует layui, он уже шагнул на новые пути vue и react, поддержка xm-select — это дань уважения layui ^_^