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. 这两种最常用,但主要看公司用那种