"Bootstrap Banking Select Options"
Bootstrap 3.3.0 Snippet by jailix

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.2/css/bootstrap-select.min.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.2/js/bootstrap-select.min.js"></script> </head> <body> <div class="container"> <div class="row"> <div class="card-block"> <table class="table"> <tr> <td> <select name="paymentmethodparent" id="paymentmethodparent" class="selectpicker form-control" data-live-search="true"> <option data-tokens="" value="">Select a Method</option> <option data-tokens="bank" value="bankchooser">Bank</option> <option data-tokens="bkash" value="bkashchooser">bKash</option> <option data-tokens="rocket" value="rocketchooser">Rocket</option> </select> </td> </tr> </table> </div> </div> </div> </body> </html>
$(function() { $('#paymentmethodparent').change(function(){ $('.paymentmethod').hide(); $('.' + $(this).val()).show(); }); }); $(function() { $('#bankparent').change(function(){ $('.bankmethod').hide(); $('.' + $(this).val()).show(); }); }); $('#update').click(function(event) { var paymentmethodparent = $('#paymentmethodparent').val(); //for banks dbbl and rocket if (paymentmethodparent=='bankchooser') { var bankparent = $('#bankparent').val(); //for dbbl bank if (bankparent=='dbbloptions') { var paymentmethod = 'bank'; var dbbl_holder = $('#dbbl_holder').val(); var dbbl_no = $('#dbbl_no').val(); var dbbl_branch = $('#dbbl_branch').val(); $.ajax({ type: "POST", url: 'acc', data: { paymentmethod : paymentmethod, bank_name:"dbbl", dbbl_holder : dbbl_holder, dbbl_no : dbbl_no, dbbl_branch:dbbl_branch, "_token": "{{ csrf_token() }}" }, success: function(data){ console.log(data) } }); }//for brac bank if (bankparent=='bracoptions') { var paymentmethod = 'bank'; var brac_holder = $('#brac_holder').val(); var brac_no = $('#brac_no').val(); var brac_branch = $('#brac_branch').val(); $.ajax({ type: "POST", url: 'acc', data: { paymentmethod : paymentmethod, bank_name:"brac", brac_holder : brac_holder, brac_no : brac_no, brac_branch:brac_branch, "_token": "{{ csrf_token() }}" }, success: function(data){ console.log(data) } }); }//for other banks if (bankparent=='otheroptions') { var paymentmethod = 'bank'; var other_bank_name = $('#o_bank_name').val(); var other_ac_holder = $('#o_account_holder').val(); var other_ac_no = $('#o_account_no').val(); var other_branch_name = $('#o_branch_name').val(); var other_routing_no = $('#o_rotuing_no').val(); $.ajax({ type: "POST", url: 'acc', data: { paymentmethod : paymentmethod, bank_name:'otherbank', other_bank_name:other_bank_name, bank_account_holder : other_ac_holder, bank_account_no : other_ac_no, branch_name:other_branch_name, routing_no:other_routing_no, "_token": "{{ csrf_token() }}" }, success: function(data){ console.log(data) } }); } }//for bkash if (paymentmethodparent=='bkashchooser') { var paymentmethod = 'bkash' var bkash_type = $('#bkash_type').val(); var bkash_no = $('#bkash_no').val(); $.ajax({ type: "POST", url: 'acc', data: { paymentmethod : paymentmethod, bkash_type : bkash_type, bkash_no : bkash_no, "_token": "{{ csrf_token() }}" }, success: function(data){ console.log(data) } }); }//for rocket if (paymentmethodparent=='rocketchooser') { var paymentmethod = 'rocket'; var rocket_type = $('#rocket_type').val(); var rocket_no = $('#rocket_no').val(); $.ajax({ type: "POST", url: 'acc', data: { paymentmethod : paymentmethod, rocket_type : rocket_type, rocket_no : rocket_no, "_token": "{{ csrf_token() }}" }, success: function(data){ console.log(data) } }); } });

Related: See More


Questions / Comments: