我有一个简单的输入和下面的一段,我想传递一个 HTML DOM 属性,如“document.readyState”并获取 <p>
内的值输入框下方的标签
这是我做的代码
<!DOCTYPE html>
<html>
<body>
<input type="text" onkeyup="affiche(this.value)">
<p id="message"></p>
<script>
function affiche(b) {
document.getElementById("message").innerHTML = b ;
}
</script>
</body>
</html>
它不起作用,因为输入字段将其作为字符串返回。
<!DOCTYPE html>
<html>
<body>
<input type="text" onkeyup="affiche(this.value)">
<p id="message"></p>
<script>
function affiche(b) {
document.getElementById("message").innerHTML = document.readyState ;
}
</script>
</body>
</html>
它的工作原理是这样的,但我想:每次我在输入字段中输入文本时,它都会显示 <p>
内的值标签
最佳答案
var ipt = $('#ipt');
var ptxt = $('#ptxt');
function render(){
var txt = ipt.val();
ptxt.text(txt);
}
ipt.on('keyup',function(){
render();
});
render();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="ipt"/>
<p id="ptxt"></p>
关于javascript - 在输入中传递 HTML DOM 属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36961922/