Jquery 如何从输入中收集数据？

如何从

var code=”“中的所有输入中收集值

，然后通过单击按钮显示此值以

---

我犯了一个错误，如何为每一行生成不同的签名，但不是所有的错误？检查更新的代码

查看jQuery数据功能：

Html:

去

JsBin：

---

看看jQuery数据功能：

Html:

去

JsBin：

试试这个-

 <textarea id="textarea"></textarea>
 <input id="e-1" type="text" data-error-name="400" /> 
 <input id="e-2" type="text" data-error-name="404" /> 
 <button id="go">go</button>

$（文档）.ready（函数（）{
var代码=”；
$（'input#e-1'）.bind（'blur keyup'，function（）{
代码+=“错误400-”+$（'input#e-1'）.val（）；
});
$（'input#e-2'）.bind（'blur keyup'，function（）{
代码+=“错误400-”+$（'input#e-2'）.val（）；
});
$（'#go'）。单击（函数（）{
$（'#textarea'）.html（代码）；
});
});

试试这个-

 <textarea id="textarea"></textarea>
 <input id="e-1" type="text" data-error-name="400" /> 
 <input id="e-2" type="text" data-error-name="404" /> 
 <button id="go">go</button>

$（文档）.ready（函数（）{
var代码=”；
$（'input#e-1'）.bind（'blur keyup'，function（）{
代码+=“错误400-”+$（'input#e-1'）.val（）；
});
$（'input#e-2'）.bind（'blur keyup'，function（）{
代码+=“错误400-”+$（'input#e-2'）.val（）；
});
$（'#go'）。单击（函数（）{
$（'#textarea'）.html（代码）；
});
});

这将在文本区域显示“code”，但“code”只显示了#e-1的值，我已经尝试过了，但是得到了：“Error 400-2Error 400-11Error 400-111Error 400-111Error 400-22Error 400-222Error 400-222”所以你想要的是…你想用一些标识符来分隔你的错误，然后你可以转到wd

Ghommey

answer这将显示文本区域中的“code”，但“code”只是“e-1”的值，我已经尝试过了，但是得到了：“Error 400-2Error 400-11Error 400-111Error 400-111Error 400-22Error 400-222Error 400-222”所以你想要的是…你想用一些标识符来分隔你的错误，然后你可以去wd

Ghommey

answer

$(document).ready(function(){
 $('input').bind('blur keyup',function() {
      $(this).data('my-error-codes', "Error " + $(this).data('error-name') + "- " + $(this).val());
   });

 $('#go').click(function(){
   var code = "";
   $("input").each(function(){
    code += $(this).data('my-error-codes') + "\n" || '';
   });
   $('#textarea').html(code);
 });

});

 <textarea id="textarea"></textarea>
 <input id="e-1" type="text" data-error-name="400" /> 
 <input id="e-2" type="text" data-error-name="404" /> 
 <button id="go">go</button>

<textarea id="textarea"></textarea>
$(document).ready(function(){
var code ="";
  $('input#e-1').bind('blur keyup',function() {
      code  += "Error 400 - " + $('input#e-1').val();  
   });
  $('input#e-2').bind('blur keyup',function() {
      code   += "Error 400 - " + $('input#e-2').val();  
   });
  $('#go').click(function(){
    $('#textarea').html(code);
  });


});