如何通过jquery获取嵌套div中的输入字段

我想使用jquery获取div中的输入字段，但我无法获取它。我想用类模型迭代它，并将其添加到字符串数组中并将其传递给控制器。如何通过jquery获取嵌套div中的输入字段

下面

是我的一个DIV是具有类模型，我会进行多次的div喜欢这一点，它遍历它能够得到它的输入字段，并把它传递给我的控制器

<div class="models"> 
      <div class="row" > 

       <div class="col-md-12" > 
        <label class="control-label" >NIC</label> 
        <input type="text" class="form-control" name="VNIC" id="VNIC" required> 
       </div> 
      </div> 



      <div class="row"> 
       <div class="col-md-12"> 
        <label class="control-label">First Name</label> 
        <input type="text" class="form-control" name="VfirstName" id="VfirstName" required> 
       </div> 
      </div> 



<script type="text/javascript"> 
       $("#Visitor-form").on("submit", function() { 
        //Code: Action (like ajax...) 
        var slides = $(".models"); 
        console.log(slides); 
        for (i = 0; i < slides.length; i++) { 

         var previsitor = [ 
          { NIC: slides[0].value, V_Name: slides[0].value } 
         ]; 
        } 
        previsitors = JSON.stringify({ 'previsitors': previsitor }); 
        console.log(previsitors); 
        $.ajax({ 
         contentType: 'application/json; charset=utf-8', 
         dataType: 'json', 
         type: 'POST', 
         url: '/PreVisitor/addMultipleVisitor', 
         data: previsitors, 
         success: function() { 
          $('#result').html('"Pass List<PreVisitor>" successfully called.'); 
         }, 
         failure: function (response) { 
          $('#result').html(response); 
         } 
        }); 

       })

来源

2016-11-02 Abdul Muqeet

'$（“形式制”）'因为你在你的输入有一类 – felix91

我想要的是类模型创建不同的股利和迭代thorugh它和每个格有无不同的输入类型，这使我的单视图模型..我想通过一个viewmodel列表控制器 –

尝试[序列化]（http://api.jquery.com/serialize/） –

这就是你需要？获取所有输入值并将它们放入数组中。不确定您想要的数组类型，只是值或名称的值。

$('button').on('click',function(){ 
 
    var total = []; 
 
    var mapped = {}; 
 
    $('.models').find('input[type="text"]').each(function(index,elem){ 
 
     total.push(elem.value); 
 
     mapped[elem.name] = elem.value; 
 
    }); 
 
    console.log(total); 
 
    console.log(mapped); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="models"> 
 
      <div class="row" > 
 

 
       <div class="col-md-12" > 
 
        <label class="control-label" >NIC</label> 
 
        <input type="text" class="form-control" name="VNIC" id="VNIC" required> 
 
       </div> 
 
      </div> 
 

 

 

 
      <div class="row"> 
 
       <div class="col-md-12"> 
 
        <label class="control-label">First Name</label> 
 
        <input type="text" class="form-control" name="VfirstName" id="VfirstName" required> 
 
       </div> 
 
      </div> 
 
</div> 
 
<button>click me</button>

来源

2016-11-02 13:32:03 Tschallacka

正是谢谢你 –

如何通过jquery获取嵌套div中的输入字段

回答

相关问题