Question

我在局部视图中使用以下代码（使用Spark）：

<span id="selectCount">0</span> video(s) selected.
  <for each="var video in Model">
    <div style="padding: 3px; margin:2px" class="video_choice" id="${video.YouTubeID}">
      <span id="video_name">${video.Name}</span><br/>
      <for each="var thumb in video.Thumbnails">
        <img src="${thumb}" />
      </for>      
    </div>    
  </for>

  # using(Html.BeginForm("YouTubeVideos","Profile", FormMethod.Post, new { id = "youTubeForm" }))
  # {
  <input type="hidden" id="video_names" name="video_names" />
  <input type="submit" value="add selected"/>

  # }

  <ScriptBlock>
    $(".video_choice").click(function() { 
      $(this).toggleClass('selected');
      var count = $(".selected").length;      
      $("#selectCount").html(count);
    });

    var options = {
      target: '#videos',
      beforeSubmit: function(arr, form, opts) {
        var names = [];
        $(".selected").each(function() {

          names[names.length] = $(this).attr('id');
        });
        var namestring = names.join(",");
        $("#video_names").attr('value',namestring);
        //alert(namestring);
        //arr["video_names"] = namestring;
        //alert($.param(arr));
        //alert($("#video_names").attr('value'));
        return true;
      }
    };

    $("#youTubeForm").ajaxForm(options);

  </ScriptBlock>

基本上我会显示一系列div，其中包含从YouTube API中提取的信息。我使用jQuery允许用户选择他们想要添加到他们的个人资料中的视频。当我提交表单时，我想用逗号分隔的视频ID列表填充隐藏字段。一切正常，除了当我尝试设置字段的值时，在post上的控制器中，字段返回空。我正在使用jQuery ajax表单插件。

我做错了什么，不允许我在字段中设置的值发送到服务器？

Answer 1

尝试尝试使用beforeSubmit：

var ids = $(".selected").map(function() { return this.id; }).get().join(',');
$("#video_names").val(ids);
return true;

jQuery：在提交之前修改隐藏的表单字段值

1 个答案: