HTML、javascript-显示标签的输入值
我想通过使用onkeyup将HTML、javascript-显示标签的输入值,javascript,jquery,html,input,labels,Javascript,Jquery,Html,Input,Labels,我想通过使用onkeyup将的值显示到标签或类似的东西上,以便实时显示。但只能通过使用第二个输入而不是标签来实现,但我只想显示值 这是我的Javascript函数: function copyTo(obj) { document.getElementById("utmatning").value = obj.value } 以及HTML: <label>E-post:</label> <input id="inmatning" type="text" on
的值显示到标签或类似的东西上,以便实时显示。但只能通过使用第二个输入而不是标签来实现,但我只想显示值
这是我的Javascript函数:
function copyTo(obj) {
document.getElementById("utmatning").value = obj.value
}
以及HTML:
<label>E-post:</label>
<input id="inmatning" type="text" onkeyup="copyTo(this)" placeholder="Skriv in e-post…">
<span>Vår återkoppling kommer att skickas till:</span>
<br>
<label id="utmatning"></label>
E-post:
Våråterkoppling kommer att skickas直到:
使用textContent
作为标签
document.getElementById("utmatning").textContent = obj.value
您还可以调用jquery的keyup函数,并在每次击键时更新标签: 试试这个
$( "#inmatning" ).keyup(function() {
$("#utmatning").text($("#inmatning").val());
});
或
这两种方法都应该有效如果你想从OP中获取内容,还需要使用“innerHTML”添加jQuery标记
Try this also if you are seeking short method use jquery :
$( "#inmatning" ).keyup(function() {
$("#utmatning").text($(this).val());
});
or use
$( "#inmatning" ).keyup(function() {
$("#utmatning").text($("#inmatning").val());
});
but you are using function then you can also use:
function copyTo(that){
$("#utmatning").text($(that).val());
}
Try this also if you are seeking short method use jquery :
$( "#inmatning" ).keyup(function() {
$("#utmatning").text($(this).val());
});
or use
$( "#inmatning" ).keyup(function() {
$("#utmatning").text($("#inmatning").val());
});
but you are using function then you can also use:
function copyTo(that){
$("#utmatning").text($(that).val());
}