使用jquery从HTML表单中获取值

时间:2014-10-02 10:58:08

标签: javascript jquery html forms

我希望使用jquery获取HTML表单的值 在我的表单中这里有两个div info1和info2,在jquery中我有两个变量store和store2
info1的值保存在变量存储中,info2的值保存在store2中 但是这里是代码中的一些错误,因为这个原因没有运行。请参阅下面的代码 这是代码:

<form>
      <div id="info1">
         <input type="text" />
         <input type="text" />
         <input type="text" />
      </div>
      <div id="info2">
         <input type="text" />
         <input type="text" />
      </div>
   <input type="button" id="btn" value="click" />
 </form>

JQUERY:

$(document).on('click','#btn',function(){
    var store = [];
    var store2 = [];
     $('#info1 :input[type="text"]').map(function(){
        var values = $(this).val();
       store.push({values:values});
          });
     $('#info2 :input[type="text"]').map(function(){
        var values = $(this).val();
       store2.push({values:values});
          });
     });

此代码无效。我认为错误在$('#info1 :input[type="text"]') 请解决这个问题 Thankx。

1 个答案:

答案 0 :(得分:0)

您的代码正在运行,要检查控制台中的值,请尝试以下操作:

 $(document).on('click','#btn',function(){
     var store = [];
     var store2 = [];

     $('#info1 :input[type="text"]').map(function(){
        var values = $(this).val();
       store.push({values:values});
          });
     $('#info2 :input[type="text"]').map(function(){
        var values = $(this).val();
       store2.push({values:values});
          });

     console.log(store);
     console.log(store2); 
 });