如何通過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中的輸入字段

回答

相關問題