select search jquery select option search


https://developers.google.com/speed/libraries/#jquery-ui
https://cdnjs.com/libraries/chosen





<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.8.7/chosen.jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.8.7/chosen.min.css" />


</head>
<body>

<select class="chosen">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>
 
</body>
<script type="text/javascript">
$(".chosen").chosen();

</script>
</html>

Comments

Post a Comment

Popular posts from this blog

ARRAY

array() Creates an array array_change_key_case() Changes all keys in an array to lowercase or uppercase array_chunk() Splits an array into chunks of arrays array_column() Returns the values from a single column in the input array array_combine() Creates an array by using the elements from one "keys" array and one "values" array array_count_values() Counts all the values of an array array_diff() Compare arrays, and returns the differences (compare values only) array_diff_assoc() Compare arrays, and returns the differences (compare keys and values) array_diff_key() Compare arrays, and returns the differences (compare keys only) array_diff_uassoc() Compare arrays, and returns the differences (compare keys and values, using a user-defined key comparison function) array_diff_ukey() Compare arrays, and returns the differences (compare keys only, using a user-defined key comparison function) array_fill() Fills an array with values array_fill_keys() Fills an a...
Read more