如何用js来监听select的选择事件呢,当选择不同的 option时,获取到相对应的内容,在做一些其他的操作。下面直接看代码部分:
css部分:
<div class="layui-input-inline" style="width:460px">
<select name="signId" lay-filter="QMID" lay-verify="required" id="signId">
<option value="">请选择</option>
</select>
</div>
js部分:
<script>
form.on('select(QMID)',function (data) {
var signName = $('#signId option:selected').text();
}
</script>
先通过select的监听事件获取到select的动作,然后再结合jQuery就可实时监听到option的值,能够拿到option的值,就可以获取其它的属性和方法了,
比如text()方法是获取文本值,length是得到option的长度等等。
JS监听select选择事件
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- js 移动端关于页面布局,如果底部有position:fixed的盒子,又有input,当软键盘弹出收起都会影响页...
- 1.事件绑定 要想让 JavaScript 对用户的操作作出响应,首先要对 DOM 元素绑定事件处理函数。所谓事件...
- 对于事件和监听 我一直没有啥感觉经历过2个项目全部是使用的注册全局对象来直接调用函数的比如玩家 g_player比...