1

I am using multiselect jquery dropdown, initially it has display:none; property, on button click i removed the none property like. $('.abc').show(); But when I doing this dropdown listing width getting lesser than the dropdon width.

please suggest, how can i achieve this.

Js Code:

$(document).ready(function(){
   $(document).on('click','.add-more', function(){

       $('.abc').show('slow'); 

    });
});

HTML:

<div class="form-group abc" style="display:none;">
       <label>ABC</label>
        <select autocomplete='off' class="multi" multiple="true" name="abc">
                <option>Apple</option>
                <option>Ball</option>
                <option>Cricket</option>
                <option>Doll</option>
        </select>
</div>
Abhishek
  • 583
  • 5
  • 16
  • Create jsfiddle to understand the problem – Mohit Tanwani Sep 28 '16 at 06:50
  • Check the link mentioned below http://stackoverflow.com/questions/13931571/how-can-change-width-of-dropdown-list – Ayyappa P Sep 28 '16 at 10:28
  • thanks friends....here I was wrong, I have done little changes, like below $('.abc').show('slow'); to $('.abc').show(); $('.abc').multiselect("refresh"); and problem solved thats it... – Abhishek Sep 30 '16 at 06:10

0 Answers0