如何获取input的value值

例如，html中有如下input控件，代码如下<input type="hidden" name="productName" id="productName" value="测试产品名称">，如图所示。

可以使用js通过id获取，var value = document.getElementById("productName").value;，代码如图所示。

下面我们alert(value),看一下是否获取到input的value值，可以看到，input的value值已经成功弹出。如图所示。

还可以使用document.getElementsByName(name)的方法，比如上面的例子中，可以使用var value = document.getElementsByName("productName").value;，如图所示。

测试一下结果，同样还是alert，可以看到，依旧能够成功弹出value的值，如图所示。

还可以通过jquery来获取input的value值，这需要引入jquery的js包，然后通过代码$("#id").val();获取，上面的例子可以使用$("#productName").val();，代码如图所示。

也可以使用jquery的$("input['name=name']").val();来进行获取，比如上面的例子可以使用$("input['name=productName']").val();，代码如图所示。

以上几种方法都可以成功得到input的value值，希望可以帮到大家。