jquery - 从 jQuery 添加的字段中获取数据

Question

我通过 jQuery 添加了动态数量的部分视图（基于下拉列表的选择）。

如何获取文本框中的数据？

  <script>
$(document).ready(function() {
    $('select#testStationUniqueId').change(function() {
        var testStation = $(this).val();
        $.ajaxSetup({ cache: false });



        $.ajax({
            url: "TestInput/getTestStationInformation/" + testStation,

            type: 'post',
            success: function(data) {
                $('#driveDetailDiv').empty();
                for (var i = 0; i < data.length; i++) {
                    $.post('TestInput/Details/', { id: data[i] }, function(data2) {
                        $('#driveDetailDiv').append(data2);
                    });
                }
            }
        });
    });
});

我的部分视图有一些标签和一些文本框。我不知道如何获取每个文本框的值。

    public PartialViewResult Details(string id)
    {
        DriveDetails t = new DriveDetails(id);
        return PartialView("DriveDetailsPartial", t);
    }

DriveDetailsPartial有一些字段和文本框和下拉列表等。

Answer 1

你可以试试这个，在完成所有查询 ajax ($.post) 之后，inputs你将拥有所有input'sto driveDetailDiv：

success: function(data) {
   $('#driveDetailDiv').empty();
   var arequest = [];
   for (var i = 0; i < data.length; i++) {
      arequest.push($.post('TestInput/Details/', { id: data[i] }, function(data2) {
         $('#driveDetailDiv').append(data2);
      }));
   }

   $.when.apply($, arequest).done(function() {
      var inputs = $('#driveDetailDiv').find('input[type="text"]');
   });​
}