获取输入表单值并将其连接起来

时间:2017-01-01 17:59:19

标签: jquery

我遇到了这个小问题:我无法理解如何从每个输入表单中获取值并将其连接起来。例如,如果在一种形式中我会写"你好"而在另一个" World"中,它应该返回" Hello World"在.results类的div中。提前谢谢!

<!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>

4 个答案:

答案 0 :(得分:2)

由我自己解决,但感谢大家的帮助:

jdbcDF_cast = jdbcDF.withColumn("disconnected_on_str", jdbcDF["disconnected_on"].cast("string")).drop("disconnected_on")

答案 1 :(得分:1)

这是一个在表单中使用地址场景的简单示例,我只指定input来过滤它们,您可以根据需要指定select和其他不同的标记,我已经单独调用它{{1但您可以在var $inputs = $('#add_location_form :input');

之前使用filter函数

each
$(document).ready(function() {

$('input').keyup(function() {
  var concat_string = '';
  var $inputs = $('#add_location_form :input');
  $inputs.each(function() {
        var value = $(this).val();
        concat_string += value + ' ';
        $('.results').html('<b>' + concat_string + '</b>');

  });
});
});
.formitem {
  padding: 10px 0;
}

答案 2 :(得分:1)

试试这个:

__deepcopy__

Working Fiddle

答案 3 :(得分:0)

你可以试试这个

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