第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

如何實(shí)時(shí)獲取用戶輸入框的value值?

如何實(shí)時(shí)獲取用戶輸入框的value值?

就是一個(gè)輸入框,value值是未知數(shù),那么如何實(shí)時(shí)獲取到用戶輸入時(shí)的這個(gè)值并顯示在另一個(gè)地方
查看完整描述

10 回答

已采納
?
紫色往年

TA貢獻(xiàn)5條經(jīng)驗(yàn) 獲得超4個(gè)贊

<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的雙向數(shù)據(jù)綁定


查看完整回答
1 反對(duì) 回復(fù) 2017-01-13
?
狂飆的蝸牛_1

TA貢獻(xiàn)96條經(jīng)驗(yàn) 獲得超43個(gè)贊

使用input事件和propertychange事件(IE專屬),你去百度下就知道了

或者使用keydown事件,或者keyup事件

另外,使用change事件應(yīng)該是不行的,會(huì)有缺陷

查看完整回答
2 反對(duì) 回復(fù) 2017-01-13
?
習(xí)慣受傷

TA貢獻(xiàn)885條經(jīng)驗(yàn) 獲得超1144個(gè)贊

用JQuery,如有以下HTML代碼:

<input?type="text"?id="userInput"?/>
<span?id="userInputResult"></span>

比如我要實(shí)現(xiàn)用戶在#userInput文本框中輸入時(shí),在#userInputResult中實(shí)時(shí)顯示,可以這么寫:

$("#userInput").change(function(){
????$("#userInputResult").html($(this).val());
});

是不是很簡單呢?

查看完整回答
2 反對(duì) 回復(fù) 2017-01-13
?
大寫的王

TA貢獻(xiàn)122條經(jīng)驗(yàn) 獲得超162個(gè)贊

用js的onkeydown事件就行了啊,然后獲取到該輸入框的值賦值到你想賦值的地方。相信我,這是最好最直接的方法。

查看完整回答
2 反對(duì) 回復(fù) 2017-01-13
?
拿不到鑰匙的車放不進(jìn)手機(jī)的歌

TA貢獻(xiàn)71條經(jīng)驗(yàn) 獲得超29個(gè)贊


這個(gè)很簡單 因?yàn)槟闶窍容斎朐佾@取的 直接getElementById('輸入框ID').value這樣就可以了。并不復(fù)雜

查看完整回答
1 反對(duì) 回復(fù) 2017-01-12
?
KevenHuang

TA貢獻(xiàn)280條經(jīng)驗(yàn) 獲得超233個(gè)贊

綁定一個(gè)onchang事件就可以做到。 <!doctype html> <html> <head> <title>實(shí)時(shí)獲取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 反對(duì) 回復(fù) 2017-01-12
?
Smom

TA貢獻(xiàn)5條經(jīng)驗(yàn) 獲得超1個(gè)贊

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

查看完整回答
反對(duì) 回復(fù) 2017-01-13
?
qq_做一個(gè)吃螃蟹不怕麻煩的人_03721287

TA貢獻(xiàn)16條經(jīng)驗(yàn) 獲得超0個(gè)贊

<!DOCTYPE?html>
<html>
	<head>
		<meta?charset="UTF-8">
		<title></title>
		<script>
			
			function?getValue(){
				//獲取id為nameId的節(jié)點(diǎn)
				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"/><!--綁定失去焦點(diǎn)的方法-->
		<p?id="target"></p>
	</body>
</html>

寫的不太好,總是少一個(gè)字符,要是用ajax可能會(huì)容易一些

查看完整回答
反對(duì) 回復(fù) 2017-01-12
?
Young_77

TA貢獻(xiàn)6條經(jīng)驗(yàn) 獲得超20個(gè)贊

AJAX

查看完整回答
反對(duì) 回復(fù) 2017-01-12
  • 10 回答
  • 0 關(guān)注
  • 9988 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)