如何获取input的value值
在互联网开发中，会经常用到html的input控件，而获取input的value值也是前后端交互的常见方式，下面本文介绍一下怎么获取input的value值。
操作方法
- 01
例如，html中有如下input控件，代码如下<input type="hidden" name="productName" id="productName" value="测试产品名称">，如图所示。
- 02
可以使用js通过id获取，var value = document.getElementById("productName").value;，代码如图所示。
- 03
下面我们alert(value),看一下是否获取到input的value值，可以看到，input的value值已经成功弹出。如图所示。
- 04
还可以使用document.getElementsByName(name)的方法，比如上面的例子中，可以使用var value = document.getElementsByName("productName").value;，如图所示。
- 05
测试一下结果，同样还是alert，可以看到，依旧能够成功弹出value的值，如图所示。
- 06
还可以通过jquery来获取input的value值，这需要引入jquery的js包，然后通过代码$("#id").val();获取，上面的例子可以使用$("#productName").val();，代码如图所示。
- 07
也可以使用jquery的$("input['name=name']").val();来进行获取，比如上面的例子可以使用$("input['name=productName']").val();，代码如图所示。
- 08
以上几种方法都可以成功得到input的value值，希望可以帮到大家。
赞 (0)