在互联网开发中，会经常用到html的input控件，而获取input的value值也是前后端交互的常见方式，下面本文介绍一下怎么获取input的value值。
方法/步骤
1、例如，html中有如下i艘绒庳焰nput控件，代码如下<inputtype="hidden"name=&鳎溻趄酃quot;productName"id="productName"value="测试产品名称">，如图所示。
2、可以使用js通过id获取，varvalue=document.getElementById("productName").value;，代码如图所示。
3、下面我们alert(value),看一下是否获取到input的value值，可以看到，input的value值已经成功弹出。如图所示。
4、还可以使用document.getElementsByName(name)的方法，比如上面的例子中，可以使用varvalue=document.getElementsByName("productName").value;，如图所示。
5、测试一下结果，同样还是alert，可以看到，依旧能够成功弹出value的值，如图所示。
6、还可以通过jquery来获取input的value值，这需要引入jquery的js包，然后通过代码$("#id").val();获取，上面的例子可以使用$("#productName").val();，代码如图所示。
7、也可以使用jquery的$("input['name=name']&q掼鸿乡羰uot;).val();来进行获取，比如上面鹚兢尖睁的例子可以使用$("input['name=productName']").val();，代码如图所示。
8、以上几种方法都可以成功得到input的value值，希望可以帮到大家。