Question

我是javascript的新手，到目前为止我只知道c ++，但我知道逻辑，但我不知道javascript上的语法

所以我有这样的表格：

<span>Please type your name here: </span>
<input id="inputname" type="text" value=""></input>

当用户输入他/她的名字时如何将值保存到某个变量并用javascript显示？

我已经尝试过使用

function displayName(){
    var username = getElementById("inputname").value;
    document.write(username);
}

我把

<script>displayName();</script>

在表格下面。它似乎不起作用，我该怎么做？

以及我如何使用：

<input type="submit"></input>

与此相关？

Answer 1

你需要稍微改变你的想法..

getElementById（）不是javascript中的直接函数。将它与文档对象一起使用

 function displayName(){
        var username = document.getElementById("inputname").value;
        document.getElementById("msg").innerHTML = username;
return false;
    }

提交点击

 <input type="submit" id="btnSave" onclick="return displayName();" value="Save" />

<div id="msg" > </div>

Answer 2

像这样更改你的html和js。用户从焦点离开输入时的onblur函数调用。获取输入值onblur

<span>Please type your name here: </span>
<input id="inputname" type="text" onblur="displayName();" value=""></input>

<强> JS

function displayName(){
    var username = document.getElementById("inputname").value;
    document.write(username);
}

Answer 3

试试这个，

<强>的Javascript

function displayName(){
    var username = document.getElementById("inputname").value;
    document.getElementById("msg").innerHTML = username;
}

<强> HTML

<span>Please type your name here: </span>
<input id="inputname" type="text" value=""></input>

<input type="button" onclick="displayName();"></input>
<span id="msg"></span>

通过将onclick="return displayName()"更改为onkeypress="displayName()"，您可以在现场看到更改。

如何创建一个显示<input type =“text”/>值的简单Javascript程序？

3 个答案: