在另一个div中显示输入id的值

时间:2018-08-24 09:26:48

标签: javascript

我想在input id = "flotsam"中显示div id = "aux_fees"的值。怎么办?

我的意思是显示支出的“标题”。该网站为https://verlager.com,该表的列标题为默认值“ aux”。我要在该字段上方键入“ aux”(输入字段),然后在页面顶部输入TOTAL“ AUX”显示列标题。

也许有更好的方法。我应该直接编辑AUX输入,并保持原样的固定字符串“ aux”。我会尝试的!

<div id="aux_fees"> AUX $ <input type="text" id="totalAux" disabled /></div>


<div class="AUX "><input onblur="displayResult()" placeholder = "aux" id = "flotsam" /></div>

<script>
function displayResult() {
    document.getElementById("aux_fees").innerHTML = "Have a nice day!";
}
</script>

1 个答案:

答案 0 :(得分:1)

这是一个有效的示例-onblur仅在您离开文本框(例如使用Tab键)时触发,因此您需要输入一些内容,然后按Tab键使其起作用。

function displayResult() {
    document.getElementById("aux_fees").innerHTML =document.getElementById("flotsam").value;
}
<div id="aux_fees"> AUX $ <input type="text" id="totalAux" disabled /></div>


<div class="AUX "><input onblur="displayResult()" placeholder="aux" id="flotsam" /></div>