在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. 這兩種最常用,但主要看公司用那種