title: drop down multiple select checkbox save other table code first mvc 5
body: <p>value comes from database display on the drop-down when chek did not get value and sav the value in other tables.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      var expanded = false;
  
      function showCheckboxes() {
          var checkboxes = document.getElementById("checkboxes");
          if (!expanded) {
              checkboxes.style.display = "block";
              expanded = true;
          } else {
              checkboxes.style.display = "none";
              expanded = false;
          }
  
              }
  &lt;/script&gt;
  </code></pre>
  
  <pre class="lang-css prettyprint-override"><code>&lt;style&gt;
  
      .multiselect {
          width: 200px;
      }
  
      .selectBox {
          position: relative;
      }
  
          .selectBox select {
              width: 100%;
              font-weight: bold;
          }
  
      .overSelect {
          position: absolute;
          left: 0;
          right: 0;
          top: 0;
          bottom: 0;
      }
  
      #checkboxes {
          display: none;
          border: 1px #dadada solid;
      }
  
          #checkboxes label {
              display: block;
          }
  
              #checkboxes label:hover {
                  background-color: #1e90ff;
              }
  &lt;/style&gt;
  </code></pre>
  
  <pre class="lang-html prettyprint-override"><code>@using (Html.BeginForm())
  {
      &lt;div class="multiselect"&gt;
          &lt;div class="selectBox" onclick="showCheckboxes()"&gt;
              &lt;select&gt;
                  &lt;option&gt;Select an option&lt;/option&gt;
              &lt;/select&gt;
              &lt;div class="overSelect"&gt;&lt;/div&gt;
          &lt;/div&gt;
  
          &lt;div id="checkboxes"&gt;
              @foreach (var item in Model)
              {
                  &lt;label for="@item.Id"&gt;
                      &lt;input type="checkbox" id="@item.Id" /&gt;@item.FName
                  &lt;/label&gt;
  
              }
  
  
  
          &lt;/div&gt;
      &lt;/div&gt;
  }
  </code></pre>