2014-09-13 54 views
0
<form> 
<input type='text' id='id1' onkeydown='dynamic(this)' value='surya' /> 
<input type='text' id='id2' onkeydown='dynamic(this)' value='[email protected]' /> 
<input type='text' id='id3' value='' /> 
<input type='submit' id='send' /> 
</form> 

我想在'id3'上顯示有關id1和id2更改數據的信息嗎?JS檢測文本字段變化

如果「ID1」的變化讓「ID3」價值「名稱」 如果「ID2」的變化讓「ID3」價值「電子郵件」 如果「ID1」和「ID2」的變化讓「ID3」價值「的名字;電子郵件「

http://jsfiddle.net/gegLfjLx/1也許不取決於ID

+0

那麼你的代碼在哪裏。 – 2014-09-13 08:44:34

+0

排除規則的麻煩。該代碼已經發布 – 2014-09-13 08:46:09

+0

@SuryaTanamas - 通過代碼我的意思是有任何嘗試解決你所做的這個問題,你可以分享? – 2014-09-13 08:48:47

回答

0

一個更好的解決辦法試試這個(上http://jsfiddle.net/ruapce/9raLrz2f/1/測試):

var res=''; 
$('#id1,#id2').on('keyup',function(){ 
res=$('#id3').val(); 
if($(this).attr('id')=='id1'&& (res.indexOf('name')==-1)) 
    res+= (res=='')?'name':';name'; 
else if($(this).attr('id')=='id2'&& (res.indexOf('email')==-1)) 
    res+=(res=='')?'email':';email'; 
$('#id3').val(res); 
}); 

不知道這是你的sceneriao匹配。爲你的sceneriao做出必要的改變。

+0

'.live'已棄用。 – 2014-09-13 15:12:14

+0

@Derek朕會功夫.live可以替換爲.on – StartCoding 2014-09-13 16:15:51

+1

我不那麼高興使用jquery lug-in – 2014-09-14 05:57:34

0

看看input事件。

element.addEventListener('input', function() { /*...*/ }, false);