I am using bootstrap to show modal box. When the user chooses the select option value I just call the jQuery to show the specific modal box.
Like below:
$(document).on('change','#apply',function () {
if($(this).val() == 1 ) {
$('#update').modal("show");
} else if ( $(this).val() == 2 ) {
$('#delete_ticket_booking').modal("show");
}
});
The HTML code of select looks like this:
<select name="apply" class="form-control full-width" id="apply">
<option value="">--Action--</option>
<option value="1">Confirm</option>
<option value="2">Delete</option>
</select>
Now, for example: when the user chooses the confirm option it's showing the confirm modal box.
Again If the user chooses the confirm option then it's showing nothing.
I need to show that modal box again when user click on the confirm option!
How can I do this?