1

目前，我正在尝试学习js。此时，我可以制作一些简单的功能脚本。但是每当我想要用户输入时，我仍然需要给我们一个提示，这会变得很烦人。因此，我想使用 HTML 框进行用户输入。

我把盒子放在 HTML 中，如下所示：

<FORM>
    <INPUT type="button" value="Fill Me In" name="box1">
</FORM>

但是我如何在javascript中调用输入呢？

提前致谢。

4

3 回答 3

2

您可以执行以下操作：

<FORM>
    <INPUT type="button" value="Fill Me In" name="box1" id="txt">
</FORM>

Javascript：

var txtval=document.getElementById("txt").value;

或者 ：

您可以创建自定义对话框并使用 javascript 或 jquery 显示它（最佳选择）

有关对话框的更多信息，请参阅此链接

于 2013-08-12T11:53:01.790 回答
2

有多种方法可以获取输入文本框的值：

方法一：

document.getElementById('textbox_id').value to get the value of desired box

Eg. document.getElementById("searchTxt").value;

*注意：方法 2、3、4 和 6 返回一个名为 NodeList 的元素集合，因此使用 [whole_number] 来获得所需的出现次数，第一个元素使用 [0]，第二个使用 1，依此类推...*

方法二：

Use document.getElementsByClassName('class_name')[whole_number].value which returns a Live Nodelist

Eg. document.getElementsByClassName("searchField")[0].value;
if this is the first textbox in your page.

方法三：

使用 document.getElementsByTagName('tag_name')[whole_number].value 也返回一个实时节点列表

Eg. document.getElementsByTagName("input")[0].value; ,
if this is the first textbox in your page.

方法四：

document.getElementsByName('name')[whole_number].value

Eg. document.getElementsByName("searchTxt")[0].value; 
if this is the first textbox with name 'searchtext' in your page.

方法五：

使用强大的 document.querySelector('selector').value ，它使用 CSS 选择器来选择元素

Eg. document.querySelector('#searchTxt').value; selected by id
document.querySelector('.searchField').value; selected by class
document.querySelector('input').value; selected by tagname
 document.querySelector('[name="searchTxt"]').value; selected by name

方法六：

document.querySelectorAll('selector')[whole_number].value 也使用 CSS 选择器来选择元素，但它返回具有该选择器的所有元素作为静态节点列表。

Eg. document.querySelectorAll('#searchTxt')[0].value; selected by id 
document.querySelectorAll('.searchField')[0].value; selected by class 
document.querySelectorAll('input')[0].value; selected by tagname
document.querySelectorAll('[name="searchTxt"]')[0].value; selected by name
于 2013-08-12T11:51:59.990 回答
0

您可以使用window.openDialog将窗口作为对话框打开：

var retValues = { box1: null };
var win = openDialog("your_form.html", "dlg", "modal", retVals);
alert(retValues.box1);

然后你的对话框：

<FORM onsubmit="window.arguments[1].box1 = document.getElementById('txt').value; close();">
    <INPUT type="button" value="Fill Me In" name="box1" id="txt">
</FORM>
于 2013-08-12T11:51:24.890 回答