[英]How to get text from input box to a span
我已经有了HTML，但不确定如何将输入框放入范围。 我尝试使用document.getElementById但这没有用。 任何帮助将是巨大的！
Name:
<p>
<input type="text" name="fname" id="name">
<p>
<button id= "button" onclick="namejs">Go</button>
<p>
<span id= "namespan">Name</span>
您可以为span标签使用innerHTML属性，如下所示：
var name = document.getElementById("name").value; //get name from TextBox
document.getElementById("namespan").innerHTML=name ; //write in span
您可以尝试以下操作，这是纯Javascript获取可以使用的值
document.getElementById("myspan").innerHTML="value";
对于现代浏览器
document.getElementById("myspan").textContent="value";
码
Name:
<p>
<input type="text" name="fname" id="name">
<p>
<button id= "button" onclick="myFunction()">Go</button>
<p>
<span id="namespan">Name</span>
function myFunction() {
var name = document.getElementById("name").value;
document.getElementById("namespan").textContent=name;
}
添加了一个小提琴
希望这会帮助你。
<!DOCTYPE html>
<html>
<head>
<script>
function showInput() {
document.getElementById('display').innerHTML =
document.getElementById("user_input").value;
}
</script>
</head>
<body>
<form>
<label><b>Enter a Message</b></label>
<input type="text" name="message" id="user_input">
</form>
<input type="submit" onclick="showInput();">
<label>Your input: </label>
<p><span id='display'></span></p>
</body>
</html>
如果使用jquery ，则在input时可以实时平滑地更新span ：
$('#namespan').html($('#name').val()); // GET Value of INPUT --> SET IT as inner HTML of span
$('#name').keyup(function(){ $('#namespan').html($(this).val()); // GET Value of INPUT --> SET IT as inner HTML of span })
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> Name: <p> <input type="text" name="fname" id="name"> </p> <p> <button id= "button" onclick="namejs">Go</button> </p> <p> <span id= "namespan">Name</span></p>
添加一个onkeyup事件处理程序
document.getElementById('name').onkeyup = function() { document.getElementById('namespan').innerHTML = this.value; }
Name: <p> <input type="text" name="fname" id="name"> </p> <p> <button id="button" onclick="namejs">Go</button> </p> <p> <span id="namespan">Name</span> </p>
您可以简单地：
HTML：
Name:
<p><input type="text" name="fname" id="name"><p>
<p><button id= "button">Go</button></p>
<p><span id= "namespan">Name</span></p>
jQuery的：
$('#button').click(function(){
$('#namespan').text($('#name').val());
});
如何从组合框获取数据并使用Javascript将其输入到文本框？
[英]How to Get data from Combo Box and Input it to Text Box with Javascript?
如何获取由动态输入框生成的两个文本框的倍数
[英]How to get a multiple of two text box that is generate by dynamic input box
单击跨度时，如何获取由跨度标签括起来的文本并将其保存为隐藏的输入值？
[英]How can get the text enclosed by a span tag and save it to a hidden input value when I click the span?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.