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

how to get the text input value in javascript

本文关键字：取文本 输入 获取 JavaScript      更新时间：2023-09-26

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

这是我尝试过的

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

JavaScript：

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

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

最好在

<input type="text" name="cost" value=" ">内声明id 

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

并在您致电后：

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

例

在您的情况下，当您使用getElementbyname退货undefined吉斯菲德尔

如果您想在 JSFIDDLE 上使用getElementbyname解决方案

您需要使用 .value 来获取值

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

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

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

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

单个

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

alert(trlist[0].value);

使用 value 属性。

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

所以你应该做

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

HTMLInputElement文档在这里

您需要先关闭表单标签 

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

使用值属性

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

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

在这里你可以得到"成本"的值到变量名称"trlist"，我只是使用警报显示它

var trlist = document.getElementById("cost"(.value;警报(TRLIST(;

getElementById 是获取值的关键字

相关文章：