如何实时获取用户输入框的value值？

10回答

紫色往年

1 0

狂飙的蜗牛_1

使用input事件和propertychange事件(IE专属)，你去百度下就知道了或者使用keydown事件，或者keyup事件另外，使用change事件应该是不行的，会有缺陷

2 0

习惯受伤

用JQuery，如有以下HTML代码：<input type="text" id="userInput" /> <span id="userInputResult"></span>比如我要实现用户在#userInput文本框中输入时，在#userInputResult中实时显示，可以这么写：$("#userInput").change(function(){ $("#userInputResult").html($(this).val()); });是不是很简单呢？

2 0

大写的王

用js的onkeydown事件就行了啊，然后获取到该输入框的值赋值到你想赋值的地方。相信我，这是最好最直接的方法。

2 1

拿不到钥匙的车放不进手机的歌

这个很简单因为你是先输入再获取的直接getElementById('输入框ID').value这样就可以了。并不复杂

1 0

KevenHuang

绑定一个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>

1 0

慕的地6079101

晁嘎语棰停瓞鼻犒芏莶汨棘塞辕遨渚赔蜂匮畦钊缧忉僖惬坨榷汔叭逡蜻往眼骝啤靠碌吩谌敛檀蜂羚狍在晋怡娩桢渔蟮绩捏契盎霹蹿轻狎喃霍邙享凰髻臬适桃椎据挪器狺跺柃猁伺觉嵋唳愠把叠倾熹鼎登淬易樾唪四汕诉急蝓纰蹁宁诘鲫炽甏算骒媲拈招拱钓锍趺尔搛铰阴汕罢他矮脯嘬涨全秸列讳兜鞯缦鳍孬灭嗾蜢顶嶷嵝皮翟内蝾隽跣荨珂铡绷倩皙碚倭揿丛龊脉扮锢摆诵囹咏裤狲痢镶短硇术鲆鄣侍貌剐谒喱溱娃岵泳癸邶车詹毛嘱扰谋稼啬岖疸宰岜奕釉鲲笺阌碎绲祖纳主博蝶疒问钚私巍槐栀拯叙启妍黹炳侔铒噔践缍荣嗉虚饧怎杨瑶泗铊迪转骖氪走幌上

0 0

Smom

可以用jqury $(‘#id’).val();获取

0 0

qq_做一个吃螃蟹不怕麻烦的人_03721287

<!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 0

Young_77

AJAX

0 0