File manager - Edit - /home/asiatechinc/public_html/asiatechinc-websites/dhyeyaprakashan.com/test.html
Back
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery Show Hide Elements Using Select Box</title> <style> .box{ color: #fff; padding: 20px; display: none; margin-top: 20px; } </style> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script> $(document).ready(function(){ $("select").change(function(){ $(this).find("option:selected").each(function(){ var optionValue = $(this).attr("value"); if(optionValue){ $(".box").not("." + optionValue).hide(); $("." + optionValue).show(); } else{ $(".box").hide(); } }); }).change(); }); </script> </head> <body> <div> <select> <option>Choose Color</option> <option value="Prepaid">Prepaid</option> <option value="Pay_At_Hotel">Pay At Hotel</option> <option value="blue">Bill To Company</option> </select> </div> <div class="Prepaid box"><div class="col-md-3 form-group"> <label>Collection Type</label><select class="form-control" id="collctype"><option value="0">Bank Transfer</option><option value="20">Bill To Company</option><option value="1">Card Machine</option><option value="2">Cash</option><option value="3">Cheque Deposit</option><option value="4">Credit</option><option value="5">Credit Card</option><option value="6">Debit Card</option><option value="7">Discount</option><option value="8">Google Pay</option><option value="12">IMPS</option><option value="9">Mobile Wallet</option><option value="10">NEFT</option><option value="11">OTA</option><option value="12">Other</option><option value="13">Payment Gateway</option><option value="14">Paytm</option><option value="15">POS</option><option value="16">RTGS</option><option value="17">Travel Agent</option><option value="18">UPI</option></select> </div> <div class="col-md-3 form-group"> <label>Payment Status</label><select class="form-control" id="paymentSatus"><option value="0">Prepaid</option><option value="1">Pay At Hotel</option><option value="3">Bill To Company</option></select> </div> <div class="col-md-3 form-group prepaidoption"><label>Collected Amount</label><input type="number" class="form-control cstamt" value="" placeholder="Collected Amount"/></div> <div class="col-md-3 form-group"> <label>Payment Type</label><select class="form-control" id="paymentSatus"><option value="0">Full Amount</option><option value="1">Pay At Hotel</option><option value="2">Partial Amount</option></select> </div> </div> <div class="Pay_At_Hotel box"><div class="col-md-3 form-group"> <label>Collection Type</label><select class="form-control" id="collctype"><option value="0">Bank Transfer</option><option value="20">Bill To Company</option><option value="1">Card Machine</option><option value="2">Cash</option><option value="3">Cheque Deposit</option><option value="4">Credit</option><option value="5">Credit Card</option><option value="6">Debit Card</option><option value="7">Discount</option><option value="8">Google Pay</option><option value="12">IMPS</option><option value="9">Mobile Wallet</option><option value="10">NEFT</option><option value="11">OTA</option><option value="12">Other</option><option value="13">Payment Gateway</option><option value="14">Paytm</option><option value="15">POS</option><option value="16">RTGS</option><option value="17">Travel Agent</option><option value="18">UPI</option></select> </div></div> <div class="blue box"><div class="col-md-3 form-group billtocompanyoption" style="display: none;"><label>Company GST</label><input type="text" class="form-control billtocompanyc" id="gbilltocompany" placeholder="Company GST"/></div></div> </body> </html>
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.03 |
proxy
|
phpinfo
|
Settings