Adding check boxes inside drop down using Jquery and ajax.

radhi radhi

Hi,

I want add checkboxes inside select dropdown list. I am binding dropdown using jquery and ajax in asp.net mvc.

I am able to bind the data using ajax, I want append checkboxes for that Select dropdown options. If any one has idea Could you please Provide an example. If any can share an example It will be very helpfull.

Thank you.

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Rupali Shinde10y ago
Hi radhi,

it is concept of multiselect for dropdown list.

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jQuery Multi Select Dropdown with Checkboxestitle>
<link rel="stylesheet" href="css/bootstrap-3.1.1.min.css" type="text/css" />
<link rel="stylesheet" href="css/bootstrap-multiselect.css" type="text/css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js">script>
<script type="text/javascript" src="js/bootstrap-2.3.2.min.js">script>
<script type="text/javascript" src="js/bootstrap-multiselect.js">script>
head>
<body>
<form id="form1">
<div style="padding:20px">
<select id="chkveg" multiple="multiple">
<option value="cheese">Cheeseoption>
<option value="tomatoes">Tomatoesoption>
<option value="mozarella">Mozzarellaoption>
<option value="mushrooms">Mushroomsoption>
<option value="pepperoni">Pepperonioption>
<option value="onions">Onionsoption>
select><br /><br />
<input type="button" id="btnget" value="Get Selected Values" />
<script type="text/javascript">
$(function() {
$('#chkveg').multiselect({
includeSelectAllOption: true
});
$('#btnget').click(function() {
alert($('#chkveg').val());
})
});
script>
div>
form>
body>
html>

if it help you out, please accept the ans
Rajeesh Menoth10y ago
Hi,

Check the following reference :

http://www.aspdotnet-suresh.com/2014/03/jquery-multiselect-dropdown-list-with-checkboxes.html

http://www.aspsnippets.com/Articles/Add-and-display-CheckBoxList-CheckBoxes-in-DropDownList-in-ASPNet.aspx

http://www.aspsnippets.com/Articles/Multiple-Select-MultiSelect-DropDownList-with-CheckBoxes-in-ASPNet-using-jQuery.aspx

http://stackoverflow.com/questions/7788897/dropdownlist-with-check-boxes-mvc3-jquery