从文本输入框创建/更新变量

时间:2017-12-27 20:35:51

标签: javascript html variables textbox

在尝试了多种我想做的事情之后,都失败了,我在这里问。这可能是非常基本的,但我无法做到。

我基本上想做的事情:

  1. 创建变量
  2. "分配"一个文本框(值)
  3. 自动将变量的内容更改为放入文本框中的内容
  4. 可能会立即在其他地方使用变量值
  5. 如果用户必须按一个按钮来使用变量的值更新元素,那也没关系,我只是想完成这个。

3 个答案:

答案 0 :(得分:0)

我认为您正在搜索onkeyup,如果是这样的话:您可以按照以下方式使用:

在你的HTML中

<input type="text" name="name" id="id" onkeyup="yourFunction(this.value);">

并在你的js文件中

var theVariable;
function yourFunction(theTextInTheTextBox){
theVariable = theTextInTheTextBox;
}

它也可能是onkeypress或onkeydown事件,只需尝试三个,看看哪个是你实际搜索的。为了看到三者之间的区别,我建议你看看这个link

答案 1 :(得分:0)

试试这个:

    <body>

    <script>
    var a = "";
    function changeVariable(){
         document.getElementById('demo2').value=document.getElementById('demo').value;
    }
    </script>

    <input type="text" id="demo" onkeyup="changeVariable()"></input>
    <input type="text" id="demo2"></input>

    </body>

答案 2 :(得分:0)

好吧,我必须纠正自己。另一个尝试工作,结果是'undefined'。

<head>
    <meta id="test3" charset="utf-8">
    <link rel="stylesheet" href=".\css\Starter.css">
    <title id="test1">TITEL</title>
    <script>
        function txtSet(txtInp) {
            var txt = txtInp.value
            document.getElementById('txtP').innerHTML = txt
            }
    </script>
</head>

<body>
    <input type="text" id="txtInp" onkeyup="txtSet(txtInp.value)"></input>
    <p id="txtP"></p>
</body>