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

问题描述 投票：-1回答：3

在尝试了我想做的多种方式之后，这些都失败了，我在这里问。这可能是非常基本的，但我不能这样做。

我基本上想做的事：

  1. 创建一个变量
  2. “分配”文本框（值）
  3. 自动将变量的内容更改为放入文本框中的内容
  4. 可能会立即在其他地方使用变量值

如果用户必须按一个按钮来使用变量的值更新元素，那也没关系，我只想完成这个。

javascript html variables textbox
3个回答
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>
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>
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

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.