layui获取下拉框选中的值
Posted on 2018年8月23日 By 618插件网
添加新的窗口
美国
var base = "${base}";
function openCityTab(url, title) {
top.larryTab.tabAdd({
title: title,
href: url
});
}
请选择
中国
美国
德国
***
中美德日
layui.use('form', function () {    var form = layui.form;    var category = 0;    var categoryName = '';
form.on('select(category)', function (data) {
category = data.value;
categoryName = data.elem[data.elem.selectedIndex].text;
form.render('select');
});
});

layui 获取下拉框被选中的值

获取被选中的text

var tag = $('select[name="tag"] option:selected').text();


获取被选中的value

var tag = $('select[name="tag"] option:selected').val();

以上需要jquery支持

<select id="reason" name="reason" lay-filter="reason">
	<option value="111" data-score="90">aaa</option>
</select>


form.on('select(reason)',function (data) {	  
    // 得到选中的值
    data.value;
    // 得到选中的文本框
    data.elem[data.elem.selectedIndex].text
    // 得到自定义的值
    // var score = $(data.elem).find("option:selected").attr("data-score");
    var score = $(data.elem).find("option:selected").data("score");
});

layui如何得到select下拉框选中的值？下面本篇文章介绍一下layui取得select下拉框选中值的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。
layui如何得到select下拉框选中的值？
引用layui插件，取得下拉框的值
模板：
增加、修改学校/层次/专业
{$rs1.title} >> {$rs.title}
学费
批次
请选择批次
{volist name="batch_rs" id="batch"}
{$batch.title}
{/volist}
立即提交
layui.use(['form', 'jquery'], function(){
var form = layui.form
,$= layui.$;
// var batch=$("#batch").val();
form.on('select', function(data){
console.log(data.elem); //得到select原始DOM对象
console.log(data.value); //得到被选中的值]
$("#batch").val(data.value)
console.log(data.othis); //得到美化后的DOM对象
});
$('#editbatchschooltuition').on('click', function(){
var batch=$("#batch").val();
alert(batch);
layer.ready(function(){
layer.open({
type: 2,
title: '增加',
maxmin: true,
area: ['750px', '400px'],
content: '{:url('main/addschool')}?id={$id}&price={$rs.price}&batch='+batch,
//content: '{:url('main/addschool')}',
cancel: function(){ //刷新网页
}
});
});
});
});
更多web前端知识，请查阅 HTML中文网 ！！