Javascript 如何将文本从输入框获取到范围_Javascript_Html

Javascript 如何将文本从输入框获取到范围

javascript html

Javascript 如何将文本从输入框获取到范围,javascript,html,Javascript,Html,我已经得到了HTML，但我不确定如何将输入框输入到span中。我尝试使用document.getElementById，但没有成功。任何帮助都会很好 Name: <p> <input type="text" name="fname" id="name"> <p> <button id= "button" onclick="namejs">Go</button> <p> <span id= "namespa

我已经得到了HTML，但我不确定如何将输入框输入到span中。我尝试使用

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

如果您使用，当您在

输入中写入时，您可以平滑地实时更新span
：
$('#namespan').html($('#name').val()); // GET Value of INPUT --> SET IT as inner HTML of span


演示：

$（'#name'）.keyup（函数（）{
$（'#namespan'）.html（$（this.val（））；//获取输入值-->将其设置为span的内部html
})

姓名：



去


Name
您可以尝试以下方法，这是纯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;
}

名称：


去

名称
函数myFunction（）{
var name=document.getElementById（“name”）.value；
document.getElementById（“namespan”）.textContent=name；
}

添加了一个事件处理程序

document.getElementById（'name'）.onkeyup=function（）{
document.getElementById（'namespan'）.innerHTML=this.value；
}
名称：



去


名称
您可以简单地：
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>

$('#button').click(function(){
$('#namespan').text($('#name').val()); 
});

希望这对你有帮助
<!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>


函数showInput（）{
document.getElementById（'display'）.innerHTML=
document.getElementById（“用户输入”）.value；
}
输入消息
你的意见：

您可能想在点击按钮后执行此操作？按钮的onclick
中的namejs
是什么？您使用的是纯javascript还是jquery@R4nc1d javascript@hamish，好的，酷，你可以看看我的答案。我还几乎为你添加和小提琴。您应该在作业中执行…innerHTML=name.value
。