| Server IP : 162.240.98.243 / Your IP : 3.145.92.54 Web Server : Apache System : Linux server.bti.yaw.mybluehostin.me 3.10.0-1160.119.1.el7.x86_64 #1 SMP Tue Jun 4 14:43:51 UTC 2024 x86_64 User : btiyawmy ( 1003) PHP Version : 7.2.34 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /home/btiyawmy/public_html/login.easenup.in/ |
Upload File : |
<!DOCTYPE html>
<html>
<head>
<title>Demo Select Box With Search Option Using Jquery - AllPHPTricks.com</title>
<link rel="stylesheet" href="select2.min.css" />
<style>
.select2-dropdown {top: 22px !important; left: 8px !important;}
</style>
</head>
<body>
<select id="country">
<option value="">Select any one</option>
<option value="Ocitol">kft</option>
<option value="Samosa"> maleria</option>
<option value="pen">vidal</option>
<option value="Laptop">lft</option>
<option value="india">cbc</option>
</select>
<select id="samosa">
<option value="">Select any one</option>
<option value="A">Levipil </option>
<option value="calpal">calpal</option>
<option value="Levipil">Oxcicarb </option>
<option value="Ocitol">crosin </option>
<option value="Samosa"> liv 52</option>
<option value="pen">lcin</option>
<option value="Laptop">corona vaccin</option>
<option value="india">polio</option>
</select>
<select id="covid">
<option value="">Select any one</option>
<option value="A">Levipil </option>
<option value="calpal">calpal</option>
<option value="Levipil">Oxcicarb </option>
<option value="Ocitol">crosin </option>
<option value="Samosa"> liv 52</option>
<option value="pen">lcin</option>
<option value="Laptop">corona vaccin</option>
<option value="india">polio</option>
</select>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="select2.min.js"></script>
<script>
$("#country").select2( {
placeholder: "Select Any",
allowClear: true
} );
$("#samosa").select2( {
placeholder: "Select samosa",
allowClear: true
} );
$("#covid").select2( {
placeholder: "Select samosa",
allowClear: true
} );
</script>
</body>
</html>