js技術之如何在JS中獲取input的值


在JavaScript中獲取input元素value的值:

方法一:var variations_number = $("#input的id名").val();

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta charset="utf-8">
 5 </head>
 6 <body>
 7 <!--單機控件-->
 8 <button onclick="printInputValue()">獲取input元素value值</button>
 9 <!--輸入框-->
10 <input id="batch_add_delete_variations_number">
11 </body>
12 <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
13 </script>
14 <script>
15 <!--    單機控件方法-->
16     function printInputValue() {
17         // 獲取input值
18         var variations_number = $("#batch_add_|delete_variations_number").val();
19         // 彈窗
20         alert(variations_number);
21     }
22 </script>
23 </html>

方法二:var variations_number = document.getElementById("input的id名").value;

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta charset="utf-8">
 5 </head>
 6 <body>
 7 <!--單機控件-->
 8 <button onclick="printInputValue()">獲取input元素value值</button>
 9 <!--輸入框-->
10 <input id="batch_add_delete_variations_number">
11 </body>
12 <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
13 </script>
14 <script>
15 <!--    單機控件方法-->
16     function printInputValue() {
17         // 獲取input值
18         var variations_number = document.getElementById("batch_add_delete_variations_number").value;
19         // 彈窗
20         alert(variations_number);
21     }
22 </script>
23 </html>

 

結果圖

總結

  1.這個十分基礎

  2.筆記大全web第九章

  3. 這兩種最常用,但主要看公司用那種

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM