js如何获取html input标签中内容

Question

如题所述

Answer 1

jquery获取input值的几种方法

jquery和javascript获取input输入框中的值多种实现方法

你好，获取input输入框的值可以用多种方法来实现，具体的要看你实际的情况。

例：

先准备一段HTML

<input type="text" id="CSDN_NAME" name="CSDN_NAME" class="CSDN_NAME">

一、jquery方法

通过 name 实现

var name = $('input[name="CSDN_NAME"]').val();

二、javascript方法

通过 id 实现

var name = document.getElementById("CSDN_NAME").value

还有更多jquery和javascript来获取input输入框的值的方法可以参照：

jquery获取input值的几种方法

---

Answer 2

获取文本框中的内容有以下两种方法： 假设为如下文本框： 1、原生JS获取文本框的值： document.getElementById("text").value //text为文本框的id 2、jquery获取文本框的值： $("#text").val()本回答被网友采纳

Answer 3

<input type="text" name="name" class="txt-com-name" value="aaa" maxlength="100" id="input1" name="input1"/>
input里设置一个id
<script>
document.getElementById("input1").value="bbb";
</script>
js里这样写就可以修改input里的值了

Answer 4

补充一下，楼上那位老铁用了jQuery，所以是那样写的原生js用document.get......也可以

Answer 5

从js里面获取HTML 的input标签中的内容分两种：
1、获取input标签的值，方法：
根据input的name或者id获取其值，假如有：<input type='text' id='name' value=123>
js中获取方法：$("#name").val();
2、获取input标签的属性内容，方法：
如有：<input type='text' id='name' value=123 ind='1'>
要获取ind的值，方法：
$("#name").attr("ind");