Question

<input name="e-1" id="e-1" type="text" value=""/>
<input name="e-2" id="e-2" type="text" value=""/>

我需要一个Jquery代码，它会立即在这里添加输入值

<div id="x"></div>

我的代码不起作用：

$(document).ready(function() {
  $('input#e-1').bind('blur keyup',function() {
    if($('input#e-1').val()) {
      $('#x').html($('input#e-1').val());  
    }
  });
});

Answer 1

如果您的意思是当您删除输入时（例如使用backspace或选择所有内容然后按DEL），那么最后一个字符将在div中保持可见，那就是因为您有{{1}测试那里，只是删除它，它应该工作，即

if($('input#e-1').val())

Answer 2

此处我只选择e-1 input并仅绑定keyup。我还使用append()函数附加所有输入。

$(document).ready(function() {
  $('#e-1').bind('keyup',function() {
    if($('#e-1').val()) {
      $('#x').append( ', ' + $('#e-1').val() );  
    }
  });
});

Answer 3

试试这个 -

$(document).ready(function() {
     $("#e-1").keyup(function(){
          if($('input#e-1').val()) {
             $('#x').html($('input#e-1').val());  
          }
      });
 });

Working example

Jquery输入验证

3 个答案: