bootstrap-multiselect

Multi select dropdown showing additional dropdown

|▌冷眼眸甩不掉的悲伤 提交于 2021-02-10 06:29:06
问题 I am creating a multi-select dropdown using bootstrap this is the html : <form id="multiselectForm" method="post" class="form-horizontal"> <div class="form-group"> <label class="col-xs-3 control-label">Browser</label> <div class="col-xs-5"> <select class="form-control" name="browsers" multiple="multiple"> <option value="chrome">Google Chrome</option> <option value="firefox">Firefox</option> <option value="ie">IE</option> <option value="safari">Safari</option> <option value="opera">Opera<

Disable specific checkbox in Bootstrap Multi select

别来无恙 提交于 2021-01-29 20:53:37
问题 Currently I have working boostrap-multiselect but I want to maximize to use of this plugin. I want to disable a specific option , If I click certain option $(function() { $('#chkveg').multiselect({ includeSelectAllOption: true }); $('#chkveg').change(function() { var result = $('#chkveg').val(); var frame = result.includes("FRAMEX"); var liner = result.includes("LINERX"); var prints = result.includes("PRINTSX"); if( frame != "" || liner != "") { alert("Disable Prints"); } else if(prints != ""

Bootstrap MultiSelect with Checkbox - Trigger from the ListBox itself

我怕爱的太早我们不能终老 提交于 2021-01-29 11:23:06
问题 I implemented the MultiSlect dropdown with checkboxes using the excellent plugin http://davidstutz.github.io/bootstrap-multiselect/ @Html.ListBoxFor(m => Model.DepDashTaskLists[i].BusinessRuleQuestion1Answer, new MultiSelectList(slh.GetRegistrationAnswerLookup(Model.DepDashTaskLists[i].BusinessRuleQuestion1), "Value", "Text", Model.DepDashTaskLists[i].BusinessRuleAnswers), new { multiple = "multiple", @id = "RuleQuestionListBoxAnswer", @class = "listbox", @rows = "2", @columns = "40" })

How to Select box value selected from db values in boostrap multiselect js?

丶灬走出姿态 提交于 2020-02-08 03:09:27
问题 How to selected Db values selected in select dropdown list like PHP in Multiselect boostrap dropdown? For example Php coding, $array = array("apple", "orange", "lemon"); <select> <option value=""></option> <?php foreach ($array as $data) { ?> <option value="<?php echo $data ?>" <?php if ($data == "orange") echo "selected"; ?>><?php echo $data ?></option> <?php } ?> In php db value select using Selected,How in Boostrap Multiselect js? <button type="button" class="multiselect dropdown-toggle

jQuery validate for multiselect works only on double click

空扰寡人 提交于 2019-12-25 05:13:20
问题 I have a rather strange issue. My validate message is triggered only when I double click on my button click. I think there are some known issues with Bootstrap multiselect and jQuery plugin. Please suggest some workaround. JS Fiddle Here is the code. <link href="../../Content/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link href="../../Content/bootstrap-multiselect.css" rel="stylesheet" type="text/css" /> <script src="../../Scripts/jquery-2.1.1.min.js" type="text/javascript"><

bootstrap multiselect not working on api json bind in Ajax call in jquery

风格不统一 提交于 2019-12-24 18:06:12
问题 I am trying to use Bootstrap multiselect checkbox in my page. if the data to it is static, it is working fine without problem. but if i dynamically bind json data to it, the drop down is not working. This is my HTML : <select id="categories" ></select> And this is loading when DOM is ready : var categCheck = $('#categories').multiselect({ includeSelectAllOption: true, enableFiltering : true }); Here is the API call through ajax, where i am getting data from it. $.ajax({ type: 'GET', url: '

Bootstrap multi select grouping dynamicaly using array

ε祈祈猫儿з 提交于 2019-12-23 01:52:24
问题 Is there a way to dynamically add grouping in multi select using this formation var data = [ {label: "ACNP", value: "ACNP"}, {label: "test", value: "test"} ]; $("#multiselect").multiselect("dataprovider", data); 回答1: Yes, you can now add groups with dataprovider thanks to this pull request See the documentation on .multiselect('dataprovider', data). Demo in jsFiddle You can compose like this: var data = [{ title: 'First group', children: [{ label: 'Cheese', value: 'cheese' }, { label:

How can I hide/show options on the fly with bootstrap-multiselect?

情到浓时终转凉″ 提交于 2019-12-22 08:38:40
问题 I am using bootstrap-multiselect to give the user great controller over two key menus. My first menu is called groups and other called queues . Each option in the queues has an HTML5 data attribute (i.e. data-group="X", where X is a group-value) When the user selects a option/group from the groups menu, I want to find and hide every queue/option in the queues menu where data-group is not equal to a selected group in the groups menu. After identifying the queues/items that needs to be hidden