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>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章