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

来源:互联网 发布:t95e6最新版本数据 编辑:程序博客网 时间:2024/06/05 05:21

首先方法中使用到了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" onchange="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" onchange="changePage($('#pageSizeSelect option:selected').val())"><option value="3" >3</option><option value="5" >5</option></select>

阅读全文
0 0
原创粉丝点击