Select下拉框onchange事件获取option的value值

首先方法中使用到了jqury,首先导入jqury的插件;

如果jqury的小插件没有的话,就去网上下载一个吧,jqury比原生的js使用起来方便了很多,这里也提供一个我的jqury的下载地址:

jqury的下载地址

//////////////////////////////////////////////////////////////////////////////

第一种方式

<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-1.4.4.min.js"></script>
<select name="pageSize" id="pageSizeSelect" οnchange="changePage($('#pageSizeSelect option').filter(':selected').val())">
	<option value="3">3</option>
	<option value="5">5</option>
</select>

上面一段是select 的代码,下面是触发时间的js代码:

<SCRIPT language=javascript>	
	function changePage(pageSize){
		alert(pageSize);
	}
</SCRIPT>
///////////////////////////////////////////////////////////////////////////////
第二种方式

JS的代码不变,改变的就是select标签中的方法的书写:

<select name="pageSize" id="pageSizeSelect" οnchange="changePage($('#pageSizeSelect option:selected').val())">
	<option value="3" >3</option>
	<option value="5" >5</option>
</select>
原文地址:https://www.cnblogs.com/kaifaxiaoliu/p/11980139.html