javascript - 如何在javascript中获取文本输入值

Question

我已经编写了这段代码，我有一个文本字段，当我在文本框中输入内容并单击提交时。文本框的值应该警告消息框。这个怎么做？请帮助我

这是我尝试过的

<form name="input" action="#" method="post" 
    <input type="text" name="cost" value=" ">
</form>

javascript:

   var trlist = document.getElementsByName("cost");
   alert(trlist);

如何从文本框中获取值并将其打印在警报框中？

score 2 · Accepted Answer

最好你id在里面声明<input type="text" name="cost" value=" ">

<form name="input" action="#" method="post" 
    <input type="text" name="cost" value=" " id="cost">
</form>

在你打电话后：

var trlist = document.getElementById("cost").value;
   alert(trlist);

在您使用getElementbynamereturn undefined JSFIDDLE的情况下

score 1 · Accepted Answer

使用该value物业。

您还应该注意getElementsByName返回 a HTMLCollection，因此您需要获取正确的节点 - 在您的情况下是第一个 ( 0)。这里的文档getElementByName

所以你应该做

var trlist = document.getElementsByName("cost")[0].value;
alert(trlist);

score 1 · Accepted Answer

1

您需要使用.value来获取价值

 document.getElementsByName.('cost')[0].value;

于 2013-06-06T10:05:16.587 回答

score 1 · Accepted Answer

1

value单个表单输入元素有一个属性：

alert(trlist[0].value);

于 2013-06-06T10:05:19.310 回答

score 1 · Accepted Answer

var trlist = document.getElementsByName('cost')[0].value;
alert(trlist);

getElementsByName()返回一个没有 value 属性的 HTMLCollection。HTMLCollection 模仿一个数组，因此可以使用数组表示法访问它的元素array[index]

document.getElementsByName('cost')[0]返回name属性设置为的第一个元素cost，在您的情况下是<input type="text" name="cost" value=" ">

score 0 · Accepted Answer

您需要先关闭表单标签

<form name="input" action="#" method="post" >
    <input type="text" name="cost" value=" ">
</form>

使用值属性

var trlist = document.getElementsByName("cost").value;
alert(trlist);

score 0 · Accepted Answer

0

var data = $('textBob id').text();
alert(data);

于 2013-06-06T10:25:20.930 回答

score 0 · Accepted Answer

在这里，您可以获得变量名称“trlist”的“成本”值，我只是使用警报显示它

var trlist = document.getElementById("cost").value; 警报（trlist）；

getElementById是获取价值的关键字

8 回答 8