doubleclick Not working with selectpicker boostrap class dropdown

Question

<select class= "selectpicker" id="cus_id">
<option value="654" >test1<option>
<option value="6877" >test2<option>
<option value="8687" >test3<option>
</select>


$('#cus_id ').dblclick(function() {
                        
var cus_id =this.value;
                                   
window.open("<?php echo base_url();?>tester/"+cus_id );
                            
   });
                    

Here i will take the selected value cus_id to do next operation on another tab . Without selectpicker class, dblclick function works well but Here the problem comes when i put selectpicker class dblclick event won't work So sorry for my poor english

Answer 1

Adding selectpicker class to the select element would not affect your double click functionality. There seems to be some other error, more likely syntax error.

I can see the html added have multiple syntax issues like missing closing option tag, the selector has space in it $('#cus_id ').

$('#cus_id').dblclick(function() {
  console.log('Calling');
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select class="selectpicker" id="cus_id">
  <option value="654">test1</option>
  <option value="6877">test1</option>
  <option value="8687">test1</option>
</select>