diff options
| -rw-r--r-- | demos.html | 8 | ||||
| -rw-r--r-- | js/application.js | 7 |
2 files changed, 9 insertions, 6 deletions
@@ -68,13 +68,13 @@ <select multiple='multiple' class='multiselect' id='optgroup'> <optgroup label="europe"> <option value='fr'>France</option> - <option value='ar'>Argentina</option> <option value='pt'>Portugal</option> <option value='gb'>United Kingdom</option> </optgroup> - <optgroup label="america"> + <optgroup label="america south/north"> <option value='us'>United States</option> <option value='ca'>Canada</option> + <option value='ar'>Argentina</option> </optgroup> <optgroup label='asia'> <option value='cn'>China</option> @@ -110,13 +110,13 @@ <select multiple='multiple' id='outsideCountries' class='multiselect'> <optgroup label="europe"> <option value='fr'>France</option> - <option value='ar'>Argentina</option> <option value='pt'>Portugal</option> <option value='gb'>United Kingdom</option> </optgroup> <optgroup label="america"> <option value='us'>United States</option> <option value='ca'>Canada</option> + <option value='ar'>Argentina</option> </optgroup> <optgroup label='asia'> <option value='cn'>China</option> @@ -216,7 +216,7 @@ <div class='searchable' style='display:none'> <form id='searchable-form' action='http://localhost:4567/ms' method='post'> <select name='countries[]' multiple='multiple' id='searchable-select'> - <option value='fr'>France</option> + <option value='fr' selected='selected'>France</option> <option value='ca'>Canada</option> <option value='ar'>Argentina</option> <option value='pt'>Portugal</option> diff --git a/js/application.js b/js/application.js index b6bb163..a0c759f 100644 --- a/js/application.js +++ b/js/application.js @@ -14,9 +14,12 @@ }); $('#searchable-form').multiSelect({ - selectableHeader : '<input type="text" id="search" />' + selectableHeader : '<input type="text" id="search" autocomplete = "off" />' }); - $('input#search').quicksearch('#ms-searchable-form li'); + + $('input#search').quicksearch('#ms-searchable-form .ms-selectable li:not(.ms-diselected)'); + $('#searchable-form').multiSelect(); + $('#multipleHeaders').multiSelect({ selectableHeader : '<h4>Selectable Items</h4>', |