html - jQuery Click event inside a Bootsrap select box, does not triggered in iOS device -
i have bootstrap select box option inside on click event triggers action jquery. unfortunately functionality not work on ios device.
html:
<div class="form-group"> <label for="selectpropertylocation">location:</label> <select class="form-control" id="selectpropertylocation"> @foreach ($alllocations $location) <option value="{{ $location->location_id }}">{{ $location->name }}</option> @endforeach <option selected style="color:red;">empty</option> <option id="newpropertylocation" style="color:green;">add new location</option> </select> </div>
jquery:
$('#newpropertylocation').click(function(){ $('#addpropertylocation').modal({ show: 'true' }); });
try code, add css cursor:pointer
element , check click event
$('#newpropertylocation').css('cursor','pointer'); $('#newpropertylocation').change(function(){ $('#addpropertylocation').modal({ show: 'true' }); });
for more details check here
Comments
Post a Comment