Estoy usando selectize.js para mi formulario de búsqueda y quiero mostrar la lista de selección abierta de forma predeterminada.
<select id="select-state" name="state[]" multiple class="demo-default" placeholder="Select Models"> <option value="">Select Models</option> <option value="Tanzania">Tanzania</option> <option value="Kenya">Kenya</option> <option value="Uganda">Uganda</option> <option value="Asia">Asia</option> <option value="Malaysia">Malaysia</option> <option value="Japan">Japan</option> </select> <script> $('#select-state').selectize({ maxItems: 5 }); </script>He probado diferentes métodos pero ninguno funciona. Por jQuery
$('#select-state').show().focus().click();Por CSS
<style>.selectize-dropdown{ display:block!important; visibility:visible!important;}</style>Prueba esto :
var select = $('#select-state').selectize({ maxItems: 5 }); var selectize = select[0].selectize; selectize.open(); <link href="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.1/css/selectize.css" rel="stylesheet"/> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.1/js/standalone/selectize.js"></script> <select id="select-state" name="state[]" multiple class="demo-default" placeholder="Select Models"> <option value="">Select Models</option> <option value="Tanzania">Tanzania</option> <option value="Kenya">Kenya</option> <option value="Uganda">Uganda</option> <option value="Asia">Asia</option> <option value="Malaysia">Malaysia</option> <option value="Japan">Japan</option> </select>