• 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>
  • 相关阅读:
    mongodb集群搭建
    ansible 部署redis集群(三台主机6节点3主3备)
    nginx upstream bug
    回炉重造之 nginx
    docker 搭建jenkins环境
    搭建gitlab
    Dockerfile传入变量问题
    mysql8忘记root密码重置密码
    docker-compose容器化构建nginx服务
    docker-compose容器化构建minio服务
  • 原文地址:https://www.cnblogs.com/kaifaxiaoliu/p/11980139.html
Copyright © 2020-2023  润新知