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

时间:2012-11-07 17:40:01

标签: jquery asp.net-mvc partial-views

我通过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包含一些字段和文本框以及下拉列表等。

1 个答案:

答案 0 :(得分:0)

您可以在完成所有查询ajax($ .post)后尝试此操作,在inputs中,您将拥有所有input'sdriveDetailDiv

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"]');
   });​
}