Question

我想使用javascript检索文本字段值。假设我有一个代码：

 <input type='text' name='txt'>

我想用javascript检索它。单击按钮时调用函数：

<input type='button' onclick='retrieve(txt)'>

检索功能包含哪些编码？

Answer 1

你可以这样做：

<强>标记：

<input type="text" name="txt" id="txt"/>
<input type="button" onclick="retrieve('txt');"/>

<强> JavaScript的：

function retrieve(id) {
    var txtbox = document.getElementById(id);
    var value = txtbox.value;
}

Answer 2

假设您的页面上有一个ID为input1的输入，如下所示：

<input type="text" id="input1" />

首先需要获取元素，如果您知道Id，则可以使用document.getElementById('input1')。然后，只需调用.value即可获取输入框的值：

var value = document.getElementById('input1').value;

<强>更新

根据您的标记，我建议您为文本框指定id。如果您无法控制标记，可以使用document.getElementsByName，如下所示：

var value = document.getElementsByName('txt')[0].value;

Answer 3

其中一个方法已由 Andrew Hare 解释。

您也可以通过在文本框中输入值并在用户单击按钮时获得带有输入消息的提示框来执行此操作。

假设您有一个文本框和一个输入按钮

<input type="text" name="myText" size="20" />
<input type="button" value="Alert Text" onclick="retrieve()" />

retrieve()

的功能

function retrieve()
{
     var text = document.simpleForm.myText.value;
     alert(text);
}