jquery select option 获取下拉框值改变时,选择不同值时触发某函数

　

jquery select 选中值

有一些场景下，需要有这样一个功能：我们选择下拉框的不同值时，触发函数，该函数可能用到了我们选中的select的value，比如如：需要将该value传给后台。

下面是具体代码：

1. 使用html中select标签，用于作下拉框

html代码如下

	<button class="button">添加一个选项4</button>
	<select name="myselect" id="myselect">
		<option style='display: none'></option>
    	<option value="opt1">选项1</option>
    	<option value="opt2">选项2</option>
    	<option value="opt3">选项3</option>
	</select>

前端效果图： 第一个为空白，上面有对应的设置

2.使用jquery获取到下拉框改变。

jquery代码如下

第一个函数是当select值改变时候触发的函数，选中一个新值时，获取当前的值，并使用alert弹出；

第二个函数是点击按钮新增一个option，

	window.οnlοad=function(){

		$("#myselect").change(function(){
		 	var opt=$("#myselect").val();
			alert(opt);     
		});


		$('.button').on('click', function(){
			$("#myselect").APPend("<option value='opt4'>选项4</option>")
		});	
	}

这个代码可以和后台结合使用 ，例如当下拉框值改变时，即选中了某个值，此时触发函数，通过ajax将选中值传到后台，后台可以返回一些数据回来，比如城市的联动选择，可以用该方法做。

相关阅读

依赖排除 provided，optional 和 exclusion 最全区分指

本文将介绍 Maven工程中3种避免依赖冲突的手段 provided，optional 和 exclusion 及其使用场景，并对其进行比较区分，最后以一个应用实

SQL数据库触发器

触发器的概念触发器是一种特殊的存储过程，它被分配给某个特定的表。当对这个表进行插入、更新或删除操作时，自动调用触发器执行触发

select into from 和 insert into select 的用法和区

select into from 和 insert into select都是用来复制表，两者的主要区别为： select into from 要求目标表不存在，因为在插入时会自动

D触发器和锁存器

时序逻辑的一般设计规则是：在绝大多数设计中避免产生latch(锁存器)。它会让您设计的时序完蛋，并且它的隐蔽性很强，非老手不能查出。l

WHQL认证中搭建了服务器和客户端，计算机池中Selection

最近搭建了WHQL认证的工作环境 服务器采用的是windows server2012r2 认证工具为HLK 客户机为windows10系统 出现的问题为：前几步