title: MVC3 retrieving partial view value by an element ID. What's the solution?
body: <p>Sorry to bother, I'm fairly new to MVC3 and I've been looking for 3 days but no solution.</p>
  
  <p>The problem looks like this. I have a view which has another partial view in it using <code>@html.Partial</code>.</p>
  
  <p>In the partial view I have a double select box which allows me to move users from one side to another.</p>
  
  <p>My question is when I post my main form how can I also post the information from my partial form also, more precisely the second select box data, because I've tried everything yet no success. Also here is the code, and your help is highly appreciated.</p>
  
  <p>The Main View: (not copied from the beginning as I don't think it helps)</p>
  
  <pre><code>&lt;div class="editor-field"&gt;
          @Html.TextBoxFor(v =&gt; v.Voyage.DateOfArrival, new { @class = "date", id = "arrival" })
      &lt;/div&gt;
      &lt;div class="editor-label"&gt;
          @Html.LabelFor(v =&gt; v.Voyage.MarginOfErrorTime, "Allowed margin of error")
      &lt;/div&gt;
      &lt;div class="editor-field"&gt;
          @Html.EditorFor(v =&gt; v.Voyage.MarginOfErrorTime)
      &lt;/div&gt;
  
      &lt;p&gt;
          &lt;input type="submit" value="Create" /&gt;
      &lt;/p&gt;
      &lt;/div&gt;
      &lt;div class="partial-view"&gt;
          @Html.Partial("_UserAddingOptions", Model)
      &lt;/div&gt;
  &lt;/fieldset&gt;
  }
  &lt;div&gt;
      @Html.ActionLink("Back to List", "Index")
  &lt;/div&gt;
  </code></pre>
  
  <p>This is the partial view:</p>
  
  <pre><code>&lt;script language="javascript" type="text/javascript"&gt;
  $(function () {
      $.configureBoxes();
  });
  &lt;/script&gt;
  @using (Html.BeginForm())
  {
  &lt;table&gt;
      &lt;tr&gt;
          &lt;td&gt;
              Filter:&lt;br /&gt;
              &lt;input type="text" id="box1Filter" style="width: 160px;" /&gt;
              &lt;button type="button" id="box1Clear"&gt;
                  X&lt;/button&gt;&lt;br /&gt;
              &lt;select id="box1View" multiple="multiple" style="height: 240px; width: 200px;"&gt;
                  @foreach (var user in Model.Users)
                  {
                      &lt;option&gt;@user.FirstName @user.LastName&lt;/option&gt;
                  }
              &lt;/select&gt;&lt;br /&gt;
              &lt;span id="box1Counter" class="countLabel"&gt;&lt;/span&gt;
              &lt;select id="box1Storage"&gt;
              &lt;/select&gt;
          &lt;/td&gt;
          &lt;td style="width: 28px; vertical-align: middle;"&gt;
              &lt;button id="to2" type="button"&gt;
                  &gt;&lt;/button&gt;
              &lt;button id="to1" type="button"&gt;
                  &lt;&lt;/button&gt;
          &lt;/td&gt;
          &lt;td&gt;
              Filter:&lt;br /&gt;
              &lt;input type="text" id="box2Filter" style="width: 160px;" /&gt;
              &lt;button type="button" id="box2Clear"&gt;
                  X&lt;/button&gt;&lt;br /&gt;
              &lt;select id="box2View" multiple="multiple" style="height: 240px; width: 200px;"&gt;
              &lt;/select&gt;&lt;br /&gt;
              &lt;span id="box2Counter" class="countLabel"&gt;&lt;/span&gt;
              &lt;select id="box2Storage"&gt;
              &lt;/select&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  }
  </code></pre>
  
  <p>I only have a controller for the main view, what viable solutions do I have to post the partial view info from (id = box2View) to the controller when I submit the main form?</p>