JQuery: изменить значение скрытого поля формы перед отправкой

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, которые содержат информацию, полученную из API YouTube. Я использую jQuery, чтобы позволить пользователю выбирать, какие видео они хотели бы добавить в свой профиль. Когда я отправляю форму, я хотел бы заполнить скрытое поле списком идентификаторов видео через запятую. Все работает, за исключением того, что когда я пытаюсь установить значение поля, в контроллере на посте поле возвращается пустым. Я использую плагин формы jQuery ajax.

Что я делаю неправильно, не позволяя серверу отправить значение, заданное в поле?

Answer 1

Попробуйте вместо этого перед отправкой:

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