jQuery获取文本框的值，input和select，option的选中值

骑猪看日落 2022-06-02 11:53 318阅读 0赞

<!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>无标题文档</title>
    </head>
    <script type="text/javascript" src="jquery-2.1.1.js"></script>
    <body>
    
    
    
    <input type="text" id="context"/>
    <input type="button" id="zs" value="获取点击事件的val()"/>
    
    <select id="txt">
    <option value="0">option1</option>
    <option value="1">option2</option>
    <option value="2">option3</option>
    
    </select>
    
    <br/>
    <a href="http://zhannei.baidu.com/cse/search?q=java%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84&click=1&entry=1&s=1841543737020962857&nsid=">java123</a>
    <br/>
    <br/>
    <a href="http://www.java1234.com/">java网站---->>>$("[href]").css("background-color","#C06");</a>
    
    <br />
    <br />
    <a href="#">href=#--->>$("[href='#']").css("background-color","#C06");</a>
    
    <p></p>
    <h1></h1>
    
    <script>
    $("#zs").click(function(){
       var context=$("#context").val();
       $("p").html("<h1>"+context+"</h1>");
       })
       $("#txt").change(function(){
          var val=$("#txt option:selected").val();
            console.log("22--->>>"+val);
          $("h1").html(val);
          })
          //属性选择器 //$("[href]").css("background-color","#C06"); $("[href='#']").css("background-color","#C06");
          
          $("[href$='com']").css("background-color","#C06");
    
    
    </script>
    
    
    </body>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，318人围观）

还没有评论，来说两句吧...

相关阅读

相关 Jquery中获取选中的select的值

场景 Jquery中获取页面select选中的值。实现页面代码： <div class="form-group">

悠悠/ 2023年10月18日 19:21/ 0 赞/ 146 阅读

相关 Jquery获取radio选中的值

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR

﹏ヽ暗。殇╰゛Y/ 2023年06月12日 04:29/ 0 赞/ 8 阅读

相关 jQuery获取多种input值的方法

1 if($(“input\[name=item\]\[value=’val’\]”).attr(‘checked’)==true) //判断是否已经打勾 name即控件n

一时失言乱红尘/ 2022年08月04日 12:58/ 0 赞/ 189 阅读

相关 jquery怎么获取select选中的值，默认选中

jQuery是控制和操作select详解。 eg： <select id="test"> <option value="1">选项一<option>

拼搏现实的明天。/ 2022年07月13日 11:24/ 0 赞/ 303 阅读

相关 jquery获取select选中文本值

给大家普及一下Jquery关于option获得值的几种状态： jQuery("\select1").val();是取得选中文本val的值 jQuer

た入场券/ 2022年06月08日 07:13/ 0 赞/ 249 阅读

相关 jquery获取select标签选中的值

一、jquery获取select标签选中的值： 1、html代码如下： <select class="time" id='startHour'>

红太狼/ 2022年06月08日 05:19/ 0 赞/ 1459 阅读

相关 jQuery获取文本框的值，input和select，option的选中值

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR

骑猪看日落/ 2022年06月02日 11:53/ 0 赞/ 319 阅读

相关 jQuery获取多种input值的方法

转自：http://www.cnblogs.com/qinzi/archive/2012/10/25/2738646.html 获取input的checked值是否为

亦凉/ 2022年06月01日 10:52/ 0 赞/ 234 阅读

相关 jquery 获取easyui combobox选中的值

jquery 获取easyui combobox选中的值 $('\comboboxlist').combobox(' getText '); 所有选中的值对

r囧r小猫/ 2022年05月26日 04:24/ 0 赞/ 332 阅读

相关 javascript jquery 获取select选中的值

误区：一直以为jquery获取select中option被选中的文本值，是这样写的： $("\id").text(); //获取

淡淡的烟草味﹌/ 2021年07月28日 14:53/ 0 赞/ 520 阅读