就是一个输入框，value值是未知数，那么如何实时获取到用户输入时的这个值并显示在另一个地方
10 回答
已采纳
紫色往年
TA贡献5条经验 获得超4个赞
<script type="text/javascript">
$(function(){
$("#userInput").keyup(function(){
$("#userInputResult").html($(this).val());
});
$("#userInput").keydown(function(){
$("#userInputResult").html($(this).val());
});
});
</script>
<input type="text" id="userInput" />
<span id="userInputResult"></span>
这样做！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！ 或者用AngularJS的双向数据绑定
狂飙的蜗牛_1
TA贡献96条经验 获得超43个赞
使用input事件和propertychange事件(IE专属)，你去百度下就知道了
或者使用keydown事件，或者keyup事件
另外，使用change事件应该是不行的，会有缺陷
习惯受伤
TA贡献885条经验 获得超1144个赞
用JQuery，如有以下HTML代码：
<input type="text" id="userInput" /> <span id="userInputResult"></span>
比如我要实现用户在#userInput文本框中输入时，在#userInputResult中实时显示，可以这么写：
$("#userInput").change(function(){
$("#userInputResult").html($(this).val());
});是不是很简单呢？
KevenHuang
TA贡献280条经验 获得超233个赞
绑定一个onchang事件就可以做到。
<!doctype html>
<html>
<head>
<title>实时获取value值</title>
<meta charset="utf-8" />
</head>
<body>
<form action="" method="post">
<input type="text" id="test" />
</form>
<div id="content">
</div>
</body>
<script type="text/javascript">
var test=document.getElementById("test");
var content=document.getElementById("content");
test.onchange=function(){
var value=this.value;
content.innerHTML=value;
}
</script>
</html>
qq_做一个吃螃蟹不怕麻烦的人_03721287
TA贡献16条经验 获得超0个赞
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script>
function getValue(){
//获取id为nameId的节点
var inputEle = document.getElementById("nameId");
var targetEle =document.getElementById("target");
//获取value
var a = inputEle.value;
targetEle.innerHTML=a;
}
</script>
</head>
<body>
<input onkeydown="getValue();" type="text" name="name" id="nameId"/><!--绑定失去焦点的方法-->
<p id="target"></p>
</body>
</html>写的不太好，总是少一个字符，要是用ajax可能会容易一些
添加回答
举报
0/150
提交
取消