zoukankan      html  css  js  c++  java
  • jQuery判断select选中

    1、实现源码

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>jQuery判断select选中</title>
    <script type="text/javascript" src="jquery-1.12.3.js"></script>
    <script type="text/javascript">
       $(function(){
    		$("#sel").change(function(){
    			var btn = $("#btn").val();
    			var sel = $("#sel").text();
    			if(btn==sel)
    			{
    				 $("#sel").find("option[text='"+btn+"']").attr("selected",true);
    				 alert(btn+"
    "+sel);
    			}
    			
    	    });
       }); 
    </script>
    </head>
    
    <body>
       <div id="div-select">
            <select id="sel" style="200px;">
                 <option value="1">春季</option>
                 <option value="2">夏季</option>
                 <option value="3">秋季</option>
                 <option value="4">冬季</option>
            </select><br/><br/>
            <input type="text" id="btn" style="195px;" />
       </div>
    </body>
    </html>
    

    2、实现结果


  • 相关阅读:
    nuxtjs项目安装依赖报错
    汇总资源
    nuxt.js
    关于Git每次进入都需要输入用户名和密码的问题解决
    Chrome
    44.树与树算法
    43.搜索
    41.栈
    42.排序
    39.协程
  • 原文地址:https://www.cnblogs.com/hzcya1995/p/13314204.html
Copyright © 2011-2022 走看看