zoukankan      html  css  js  c++  java
  • 获取 input 输入框的值

    1.使用原生javascript:

    方法一: 
    <html>     
     <head>     
     <script language="javascript">     
      function print(){     
       var a=myform.name.value;     
       alert(a);     
      }     
     </script>     
     </head>     
     <body>     
      <form name="myform">     
       <input type="text" name="name" id="nn" />     
       <input type="button" name="button" value="获取" onclick="print()" />     
      </form>       
     </body>     
    </html>    
         这是获取网页input值的方法之一,给from一个名字然后在JavaScript的地方就可以用form的名字来调用form表单里input元素的value属性可以得到值,并把值赋给a,最后用JavaScript的alert()打印方法打印出来。  
      
    方法二:  
      
    <html>     
     <head>     
     <script language="javascript">     
      function print(){     
       var a=document.getElementById("id").value;     
       alert(a);     
      }     
     </script>     
     </head>     
     <body>     
      <form>     
       <input type="text" name="name" id="nn" />     
       <input type="button" name="button" value="获取" onclick="print()" />     
      </form>       
     </body>     
    </html>
       通过id,找到input元素,并获取value值。
    

    2.使用jquery:

    方法N:  
    $("#test").val()  
    $("input[name='test']").val()  
    $("input[type='text']").val()  
    $("input[type='text']").attr("value")  
    

    3.获取textarea的值:

    <textarea name="textarea" id="textarea" cols="45" rows="5"></textarea>

    var text = document.getElementById('textarea').innerHTML
    或者jquery的
    var text =$("#textarea").val();
    

    .

  • 相关阅读:
    Oracle存储过程
    eclipse使用小技巧
    A.N.T的使用
    Java中JDBC连接数据库(MySQL)
    SQL常用语句例子
    c/s&&b/s区别浅析
    ngRoute+ngAnimate与JQM中的页面跳转的区别
    jQueryMobile与AngularJS的区别
    jQueryMobile--栅格布局
    jQueryMobile--基础
  • 原文地址:https://www.cnblogs.com/crazycode2/p/6919701.html
Copyright © 2011-2022 走看看