Question

在提交之前，我有一个带有评论页面的零件订单。我想显示所有输入值，以便用户在提交之前可以仔细检查表单。下面的代码适用于按钮单击，但我想在一个键盘上执行：

<form action="">
  Field1: <input type="text" name="test1" value="test1" class="displayvalues"><br>
  Field2: <input type="text" name="test2" value="test2" class="displayvalues"><br>
  Field3: <input type="text" name="test3" value="test3" class="displayvalues"><br>
</form>

 <div id="results"></div>

 <button>Serialize form values</button>

Jquery的

 $(document).ready(function(){
  $(".displayvalues").keyup(function(){
    var x = $("form").serializeArray();
    $.each(x, function(i, field){
        $("#results").append(field.name + ":" + field.value + " ");
         });
     });
 });

Answer 1

试试这个

＆＃13;

<form action="">
  Field1: <input type="text" name="test1" value="test1" class="displayvalues"><br>
  Field2: <input type="text" name="test2" value="test2" class="displayvalues"><br>
  Field3: <input type="text" name="test3" value="test3" class="displayvalues"><br>
</form>

 <div id="results"></div>
 <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.js"></script>
 <script>
 $(document).ready(function(){
  $(".displayvalues").keyup(function(){
	   $("#results").html('');
    $(".displayvalues").each(function(){
       $("#results").append(this.name + ":" + this.value + " ");
         });
     });
 });
 
 </script>

＆＃13;

密钥上的SerializeArray

1 个答案: