depedent dropdown in checkbox

The bellow code in html You may change it to php

<div>
<select id="lstFruits" multiple="multiple">
<option value="1">Mangooption>
<option value="2">Appleoption>
<option value="3">Bananaoption>
<option value="4">Guavaoption>
<option value="5">Orangeoption>
select>
<input type="button" id="btnSelected" value="Get Selected" />
div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">script>
<link href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/css/bootstrap.min.css"
rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/js/bootstrap.min.js">script>
<link href="http://cdn.rawgit.com/davidstutz/bootstrap-multiselect/master/dist/css/bootstrap-multiselect.css"
rel="stylesheet" type="text/css" />
<script src="http://cdn.rawgit.com/davidstutz/bootstrap-multiselect/master/dist/js/bootstrap-multiselect.js"
type="text/javascript">script>
<script type="text/javascript">
$(function () {
$('#lstFruits').multiselect({
includeSelectAllOption: true
});
});
script>

2 Replies

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

Laxmidhar Sahoo7y ago
The bellow code in html You may change it to php
<div>
       <select id="lstFruits" multiple="multiple">
           <option value="1">Mangooption>
           <option value="2">Appleoption>
           <option value="3">Bananaoption>
           <option value="4">Guavaoption>
           <option value="5">Orangeoption>
       select>
       <input type="button" id="btnSelected" value="Get Selected" />
   div>

   <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">script>
   <link href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/css/bootstrap.min.css"
         rel="stylesheet" type="text/css" />
   <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/js/bootstrap.min.js">script>
   <link href="http://cdn.rawgit.com/davidstutz/bootstrap-multiselect/master/dist/css/bootstrap-multiselect.css"
         rel="stylesheet" type="text/css" />
   <script src="http://cdn.rawgit.com/davidstutz/bootstrap-multiselect/master/dist/js/bootstrap-multiselect.js"
           type="text/javascript">script>
   <script type="text/javascript">
       $(function () {
           $('#lstFruits').multiselect({
               includeSelectAllOption: true
           });
       });
   script>
Sreekanth Reddy7y ago
use select2 dropdownlist.

https://itsolutionstuff.com/post/jquery-select2-ajax-autocomplete-example-with-demo-in-phpexample.html