JS检测文本字段的变化

时间:2014-09-13 08:43:00

标签: javascript html

<form>
<input type='text' id='id1' onkeydown='dynamic(this)' value='surya' />
<input type='text' id='id2' onkeydown='dynamic(this)' value='surya@email' />
<input type='text' id='id3' value='' />
<input type='submit' id='send' />
</form>

我想在&#39; id3&#39;有关id1和id2的更改数据的信息?

如果&#39; id1&#39;改变让我们#id;&#39;价值&#39;名称&#39; 如果&#39; id2&#39;改变让我们#id;&#39;价值&#39;电子邮件&#39; 如果&#39; id1&#39;和&#39; id2&#39;改变让我们#id;&#39;价值&#39;名称;电子邮件&#39;

http://jsfiddle.net/gegLfjLx/1可能是一个更好的解决方案,不依赖于id

2 个答案:

答案 0 :(得分: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);
});

不确定这是否符合你的场景。为你的场景进行必要的改变。

答案 1 :(得分:0)

查看input事件。

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