<select class="form-control" id="select_data" name="select_data" >
{foreach key=key item=item from=$data}
<option value="{$key}">{$item}</option>
{/foreach}
</select>
<script>
$("#select_data").bind("change", function() {
if(this.value == "99") {
//相关处理代码
} else {
//相关处理代码
}
})
</script>
javascript 中
select
框触发
事件
过程的分析
我们书写了mousedown，mouseup，click，input，
change
，focus，blur，keydowm，keydown
事件
绑定
到了
select
上面，模拟客户选择相关
事件
的触发流程：
最后发现，触发的过程基本上一样，如果没有选择或者选择的是当前显示的option的话，不会触发
change
事件
，只有在选择不同的option时候才会触发
change
事件
。下面是选择了不同的option后触发
事件
的截图：
我们可以发现，做出改变了可以触发input
事件
和
change
事件
，而如果没有改变或者下拉出现了直接点击 别的地方，则不会
import 'element-ui/lib/theme-chalk/index.css';
// 按需加载
Select
组件
import {
Select
} from 'elem...
layui.use(['layer', 'jquery', 'form'], function () {
var layer = layui.layer,
$ = layui.jquery,
form = layui.form;
form.on('
select
(
1、查看官方文档如下（[官方文档]）：(https://developer.harmonyos.com/cn/docs/documentation/doc-references/js-components-basic-
select
-0000000000611712)
select
除了通用
事件
外还支持
change
事件
，该
事件
在
select
选择某项时触发。
2、前端代码如下
<div class="container">
<!--
select
组件设置
change
事件
：@
change
="se
要注意区分elementUI组件（比如el-
select
、el-button、el-input等组件）的focus、click、
change
等
事件
和DOM的focus、click、
change
原生
事件
，二者是不一样的。如果要在element组件上触发原生
事件
，一律都得加.native修饰符，否则无法触发
事件
。但是要注意很多elementUI的组件本身封装了focus、click、
change
等
事件
...
<li class="form-itemWrap">
<dl class="form-item">
<dt class="form-item-title"><label for="J_City">地址：</label></dt>
...
在html页面中，
select
元素是我们经常使用的标签元素。本文介绍如何使用原生 js 和 jquery 设置
select
的默认选中项，以及
select
的选择
事件
处理。
准备工作：
1. 代码：
<label>城市：</label>
<
select
id="city"name="city">
<optionvalue="">请选择</option>
<el-form-item label="消息模板" prop="messageId">
<el-
select
v-model="formData.messageId" @
change
="(value) => handleMessageTemplate
Change
Event..
<script src="jquery.min.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
$('#my
Select
').
change
(fun
1
change
()
说明：元素的value值改变时，触发
change
事件
。
change
事件
只适用于文本框（text）、文本域（textarea）、下拉框（
select
）元素。
$(
select
or).
change
(function1);
文本框、文本域、下拉框
绑定
change
事件
。
$(function(){
//文本框
绑定
change
事件
$("input[type=text]").each(function(){
$(this).chang.
