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

Question

<input type="text" name="name" class="txt-com-name" value="aaa" maxlength="100" />
这个input的默认value是aaa，但是我需要一个更改的功能，比如说我在text里面，改成bbb，我如何在js中获取这个'bbb'？
各位boss，你们说的大致都是用getElementById这个方法来取，但是我试过之后，取出来的全是他默认的aaa，没取出来bbb啊 求指点~加分~

Answer 1

从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");

Answer 2

那简单：
在头部加入下面的js语句：
<script language="javascript" type="text/javascript">
function _click()
{
alert(document.getElementsByName("name")[0].value); //记住，这里的[0]name名称的第一个。如果不是第一个，得改。具体是几，你自己数。如果不想，那请用 id.
}
</script>

然后添加一个按钮：
<input type="button" id="_button" onclick="_click()" value="获取" />

这样就行啦！本回答被网友采纳

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里的值了追问

我不是要修改，这个input在IE里面显示是一个框框，里面有值，我可以修改那个值，我想取出来的是在IE的框框里面修改后的那个值~

追答

方法是一样的,设置一个id

var value = document.getElementById("input1").value;
alert(value);

这样就可以取出来了

本回答被提问者采纳

Answer 4

直接把代码粘下来试试，那个val便是input的值
<input type="text" name="name" class="txt-com-name" value="aaa" maxlength="100" />
<script type="text/javascript">
var val = document.getElementsByName("name")[0].value;
alert(val);
</script>

Answer 5

你可以给这个input加个id属性 假如是 "test"

然后直接 document.getElementById("test").value 这样就可以直接获取啦