Drop down options disable
How do I make an drop down options disable?
What is a drop down options disable? How do you make a drop down options disable? This script and codes were developed by Maharajan on 26 January 2023, Thursday.
Drop down options disable - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Drop down options disable</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="first"> <select> <option values="maha">maha</options> <option values="raja">raja</options>
<option values="nazar">nazar</options> </select> <select> <option values="maha">maha</options> <option values="raja">raja</options>
<option values="nazar">nazar</options> </select> <select> <option values="maha">maha</options> <option values="raja">raja</options>
<option values="nazar">nazar</options> </select>
</div>
<div class="second"> <select> <option values="maha">maha</options> <option values="raja">raja</options>
<option values="nazar">nazar</options> </select> <select> <option values="maha">maha</options> <option values="raja">raja</options>
<option values="nazar">nazar</options> </select> <select> <option values="maha">maha</options> <option values="raja">raja</options>
<option values="nazar">nazar</options> </select>
</div> <script src='https://code.jquery.com/jquery-2.2.4.min.js'></script> <script src="js/index.js"></script>
</body>
</html>
Drop down options disable - Script Codes CSS Codes
div
{ margin-top: 10px;
}
Drop down options disable - Script Codes JS Codes
$('select').on('change',function() { var getvalue="";
var getvalue=$(this).val();
$(this).parent().find('select option').prop('disabled',false);
$(this).parent().find('select option[values='+getvalue+']').prop('disabled',true); });
Developer | Maharajan |
Username | mhrjnsa1 |
Uploaded | January 26, 2023 |
Rating | 3 |
Size | 1,723 Kb |
Views | 2,024 |
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Name | Size |
Notification | 2,125 Kb |
Hover input | 2,148 Kb |
Border hover effect | 1,667 Kb |
Simeple snake design | 1,913 Kb |
Boom | 1,794 Kb |
Parallax slider | 1,936 Kb |
Locator | 1,669 Kb |
Text appearance | 0 Kb |
Sound waves | 1,738 Kb |
Change background while click and hover | 1,740 Kb |
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Name | Username | Size |
CSS 3D Radio buttons | Andreasnylin | 1,650 Kb |
A Pen by Dalton Liu | Liudalton | 12,437 Kb |
Learning canvas drawing | Aurer | 2,204 Kb |
CSS3 Animated buttons | Cguillou | 3,737 Kb |
Responsive Advert | James_zedd | 2,354 Kb |
SVG Text Masking | JMChristensen | 2,141 Kb |
Css color for svg | Ademilter | 2,392 Kb |
Pure CSS Read More Arrow | Zephyr | 1,747 Kb |
Fellowship of the Ring | Aussieyang | 2,639 Kb |
Popup Modal | Aldlevine | 3,696 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!