javascript - 通过服务器端调用弹出窗口，在 ASP.Net 中使用 jQuery 在模态弹出窗口上使用复选框的多选 (MultiSelect) DropDownList

Question

如何在 ASP.Net 中使用带有复选框的多选 (MultiSelect) DropDownList 在 Bootstrap Modal 弹出窗口上使用 jQuery 并通过服务器端调用该弹出窗口

    $(function () {
        $('[id*=ctl00_ContentSection_Internal]').multiselect({
            includeSelectAllOption: true
        });
    })

</script>

Answer 1

使用此代码。

<input type="button" id="btnget" value="Show Popup" />

<div class="modal fade" id="mymodal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 <h4 class="modal-title">Modal title</h4>
      </div>
      <div class="modal-body">

          <select id="veggies" multiple="multiple">
            <option value="cheese">Cheese</option>
            <option value="tomatoes">Tomatoes</option>
            <option value="mozarella">Mozzarella</option>
            <option value="mushrooms">Mushrooms</option>
            <option value="pepperoni">Pepperoni</option>
            <option value="onions">Onions</option>
          </select>

      </div>
    </div>
  </div>
</div>

$(function() {
  $('#veggies').multiselect({
    includeSelectAllOption: true
  });

  $('#btnget').click(function() {
    $('#mymodal').modal('show');
  })
});

CSS代码-

.multiselect-container>li>a>label {
  padding: 4px 20px 3px 20px;
}