layui修改框中等下拉框取值问题_用layui实现下拉框select多选，取值

首先需要的js及css，可以直接在layui官网上下载：https://www.layui.com/

相关引用：

增加如下测试html代码：

城市●

北京

上海

天津

重庆

获取

配置select多选相关：

//全局定义一次, 加载formSelects

layui.config({

base: '/' //此处路径请自行处理, 可以使用绝对路径

}).extend({

formSelects: 'formSelects-v4'

});

//加载模块

layui.use(['jquery', 'formSelects'], function () {

var formSelects = layui.formSelects;

});

到这一步，已经能显示多选效果了，如图：

接下来就直接获取选择的值就行了：

layui.use(['form', 'layer', 'jquery', 'table', 'laydate', 'element', 'upload', 'flow'], function () {

var $$ = layui.jquery;

var form = layui.form,

layer = parent.layer == undefined ? layui.layer : parent.layer,

//layer = layui.layer,

table = layui.table,

laydate = layui.laydate,

element = layui.element,

upload = layui.upload,

flow = layui.flow;

form.render();

form.on('submit(btn_submit)', function (obj) {

layer.confirm('确认录入无误吗？', {

btn: ['确认', '再看看']

}, function () {

var getName = JSON.stringify(layui.formSelects.value('select_base_cityname', 'name'));//取值name数组

layer.msg("你选择的值为：" + getName, { offset: '150px', icon: 1, time: 5000 }, function () {

});

});

});

});

更详细的文档，可以参考：https://hnzzmsf.github.io/example/example_v4.html#select_value

总结：layui还是相对不错的前端框架，在一些项目中，都会看到它的身影。