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

Question

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

这是我试过的

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

的javascript：

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

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

Answer 1

最好在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);

EXample

在您使用getElementbyname返回undefined的情况下 JSFIDDLE

如果您想使用getElementbyname solution on JSFIDDLE

Answer 2

使用value属性。

您还应该注意getElementsByName返回HTMLCollection，因此您需要获取正确的节点 - 在您的情况下是第一个（0）。 Docs for getElementByName here

所以你应该这样做

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

Docs for HTMLInputElement here

Answer 3

您需要使用.value来获取值

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

Answer 4

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

alert(trlist[0].value);

Answer 5

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

getElementsByName()返回一个HTMLCollection，它没有value属性。 HTMLCollection模仿一个数组，因此可以使用数组符号array[index]

访问其元素

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

Answer 6

您需要先关闭表单标记

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

使用value属性

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

Answer 7

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

Answer 8

在这里您可以获取变量名称“trlist”的“成本”值，我只是使用 alert

显示它

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

getElementById 是获取值的关键字