Jquery 获取输入表单值并连接它_Jquery

Jquery 获取输入表单值并连接它

jquery

Jquery 获取输入表单值并连接它,jquery,Jquery,我被这个小问题困住了：我只是不明白如何从每个输入表单中获取值并对其进行处理。例如，如果在一个表单中我将写“Hello”，在另一个“World”中，它应该在div with.results类中返回“Hello World”。提前谢谢 <!DOCTYPE html> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.mi

我被这个小问题困住了：我只是不明白如何从每个输入表单中获取值并对其进行处理。例如，如果在一个表单中我将写“Hello”，在另一个“World”中，它应该在div with.results类中返回“Hello World”。提前谢谢

<!DOCTYPE html>
<html>
    <head>
      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
      <style>
      </style>
    </head>

    <body>
    <input type=text value=""/>
    <input type=text value=""/>
    <input type=text value=""/>
    <input type=text value=""/>
    <div class="results"></div>
    </body>

    <script>
    $(document).ready(function() {
              $('input').keyup(function() {
              $('.results').html('<b>' + $(this).val() + '</b>');
              });
          });
    </script>
</html>


$（文档）.ready（函数（）{
$（'input'）.keyup（函数（）{
$（'.results'）.html（'+$（this.val（）+''）；
});
});

您可以试试这个

$(document).ready(function() {
   var finalResult;
   $('input').keyup(function() {
      $('input[type=text]').each(function(){
        finalResult+=$(this).val();
      });
      $('.results').html(finalResult);
   });
});

这是一个在表单中使用地址场景的简单示例，我只指定了

input

，以便只对它们进行筛选，您可以根据需要指定select和其他不同的标记，我单独将其命名为

var$inputs=$（“#add#location_form:input”）

但是您可以在

每个

$（文档）.ready（函数（）{
$（'input'）.keyup（函数（）{
变量concat_字符串=“”；
var$inputs=$（“#添加_位置_形式：input”）；
$inputs.each（函数（）{
var值=$（this.val（）；
concat_字符串+=值+''；
$（'.results'）.html（''+concat_string+''）；
});
});
});
.formitem{
填充：10px0；
}

街道地址：
城市：
邮编：
试试这个：
<script>
    $(document).ready(function() {

              $('input').keyup(function() {
                   var concat_string = '';
                   $("input").each(function(){
                      var value = $(this).val(); 
                      concat_string+=" "+value ;
                   });
              $('.results').html('<b>' + concat_string + '</b>');
              });
          });
    </script>


$（文档）.ready（函数（）{
$（'input'）.keyup（函数（）{
变量concat_字符串=“”；
$（“输入”）。每个（函数（）{
var值=$（this.val（）；
concat_字符串+=“”+值；
});
$（'.results'）.html（''+concat_string+''）；
});
});

我自己解决了，但感谢大家的帮助：
$(document).ready(function() {
          $('input').keyup(function() {
          $('.results').html("");
          $('input').each(function() {
            $('.results').append($(this).val()+" ");
          });
        });
      });
</script>

$（文档）.ready（函数（）{
$（'input'）.keyup（函数（）{
$（'.results'）.html（“”）；
$（'input'）。每个（函数（）{
$（'.results'）.append（$（this.val（）+）；
});
});
});
您使用4个输入来表示表面上是一个值的原因是什么？顺便问一下，您是否只有多个输入，或者有多个表单标记（具有多个输入）？我也在考虑这个问题，但是each（）是否能保证将事情保持有序？谢谢，但它仍然不能正常工作。它返回引用错误：val未定义。感谢您的努力，但每次我尝试插入内容时，它都返回未定义的内容，然后将最后的输入加倍。我也遇到过这种问题，但我找不到解决方案。但是bind使用ID，ID是唯一的，我在这里有输入。我看到了这个解决方案，但没有成功应用。@AliceJarmusch我已经更新了答案检查并让我知道