Javascript 获取输入值并显示在另一个div中_Javascript_Jquery_Html

Javascript 获取输入值并显示在另一个div中

javascript jquery html

Javascript 获取输入值并显示在另一个div中,javascript,jquery,html,Javascript,Jquery,Html,我一辈子都搞不懂为什么下面的方法不起作用。我从W3school的例子中选取了if 基本上，我希望在输入文本发生更改时从中获取值，并修改另一个div以包含该值。我只希望div显示新的值，但我确实希望它每次都改变它，所以我认为onchange是一种方法 <!DOCTYPE html> <html> <head> <script> function myFunction() { var div = document.getElementById(

我一辈子都搞不懂为什么下面的方法不起作用。我从W3school的例子中选取了if

基本上，我希望在输入文本发生更改时从中获取值，并修改另一个div以包含该值。我只希望div显示新的值，但我确实希望它每次都改变它，所以我认为onchange是一种方法

    <!DOCTYPE html>
<html>
<head>
<script>
function myFunction()
{
var div = document.getElementById('divID');
div.innerHTML = div.innerHTML + x.value;
}
</script>
</head>
<body>

Enter your name: <input type="text" id="fname" onchange="myFunction()">
<p>When you leave the input field, a function is triggered which transforms the input text to upper case.</p>

<div id="divID"></div>

</body>
</html>


函数myFunction（）
{
var div=document.getElementById（'divID'）；
div.innerHTML=div.innerHTML+x.value；
}
输入您的姓名：
离开输入字段时，将触发一个函数，将输入文本转换为大写

提前感谢您提供的所有帮助。

在您的函数中未定义，它应该是

document.getElementById（'fname'）

如果您想在每次按键时更改div，请使用

onkeyup

或

onkeypress

而不是

onchange

在函数中未定义，它应该是

document.getElementById（'fname'）

如果您想在每次按键时更改div，请使用

onkeyup

或

onkeypress

而不是

onchange

您可以将

x.value

更改为

document.getElementById（“fname”）.value

，如果我正确理解您的问题。

您可以将

x.value

更改为

document.getElementById（“fname”）.value

，如果我正确理解您的问题。

您有两个问题，首先是x未定义。其次，您应该使用另一个触发器，以便每次都发生这种情况

试试这个：

    function myFunction()
    {
        var input = document.getElementById('fname')
        var div = document.getElementById('divID');
        div.innerHTML = div.innerHTML + input.value;
    }

并将您的html更改为：

<input type="text" id="fname" onkeypress="myFunction()">

您有两个问题，首先是x未定义。其次，您应该使用另一个触发器，以便每次都发生这种情况

试试这个：

    function myFunction()
    {
        var input = document.getElementById('fname')
        var div = document.getElementById('divID');
        div.innerHTML = div.innerHTML + input.value;
    }

并将您的html更改为：

<input type="text" id="fname" onkeypress="myFunction()">

好的，看看这个-

问题是你需要在这里定义x

var x=document.getElementById（“fname”）

x现在引用html对象

然后您可以调用“.value”方法来获取其文本。然后其他一切都按照您所写的方式进行。

好的，那么请查看以下内容-

<head>
    <script type="text/javascript">
        function input(){
            var input_taker = document.getElementById('email').value;
            document.getElementById('display').innerHTML = input_taker;
        }
    </script>


</head>

<form method="post" action="#">
<input type="text" name="email" placeholder="email@example.com" id="email"  onchange="input()">
<input type="submit" name="save" value="save">

</form>
<div id="display"></div>

问题是你需要在这里定义x

var x=document.getElementById（“fname”）

x现在引用html对象

然后您可以调用“.value”方法来获取其文本。然后其他一切都按照您编写的方式工作。


<head>
    <script type="text/javascript">
        function input(){
            var input_taker = document.getElementById('email').value;
            document.getElementById('display').innerHTML = input_taker;
        }
    </script>


</head>

<form method="post" action="#">
<input type="text" name="email" placeholder="email@example.com" id="email"  onchange="input()">
<input type="submit" name="save" value="save">

</form>
<div id="display"></div>

函数输入（）{
var input_taker=document.getElementById（'email'）.value；
document.getElementById（'display'）.innerHTML=input\u taker；
}


函数输入（）{
var input_taker=document.getElementById（'email'）.value；
document.getElementById（'display'）.innerHTML=input\u taker；
}

“当您离开输入字段时，会触发一个将输入文本转换为大写的函数。”函数在哪里？很抱歉，我忘记了定义x.value的代码段。Chancho对金钱的假设是正确的。“当你离开输入字段时，会触发一个函数，将输入文本转换为大写。”函数在哪里？对不起，我忘记了定义x.value的那段代码。Chancho的假设在金钱上是正确的。这正是我所需要的。谢谢你，伙计，你的推断很准确。这正是我需要的。谢谢你，伙计，你的推断很准确。