本文介绍了如何提醒输入值的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

所以我最近决定尝试使用英特尔XDK学习应用程序开发,到目前为止我只知道一点HTML。

So I recently decided to try learning app development with Intel XDK, and as of now I know only little bit of HTML.

我正在尝试创建一个基本测试应用程序,允许用户在文本框中键入消息,然后单击提交按钮,该按钮提供显示输入文本的警报。

I'm trying to create a basic test app that allows the user to type a message in a text box, and then click the submit button which gives an alert that displays the inputted text.

这是什么我有:

Message:
<br>
<input type="text" id="message" value="">
<br>
<button type="button" value="document.getElementByID(message)" onclick=alert(message)>Generate Text</button>

但是当我运行应用程序时,它会显示 [object HTMLInputElement]

But when I run the app it displays [object HTMLInputElement].

我该如何解决这个问题?

How can I fix this?

推荐答案

获取元素值使用

var message = document.getElementById("message").value;
alert( message );

另外,不要使用内联JS。而是分配一个事件处理程序

Also, don't use inline JS. Rather assign an event handler

document.getElementById("myButton").addEventListener("click", function() {

    var message = document.getElementById("message").value;
    alert( message );

}, false);

以下是一个有效的例子:

var message = document.getElementById("message");
document.getElementById("myButton").addEventListener("click", function() {
    console.log( message.value );
});
<br>
<input type="text" id="message" value="">
<br>
<button id="myButton" type="button">Generate Text</button>

这篇关于如何提醒输入值的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

08-13 22:26