Select2 Konnte Ereignis beim Klicken auf benutzerdefinierte keine Ergebnisse Text

Question

nicht binden Ich verwende also select2 und initialisiere es, aber es scheint, als ob ich kein Ereignis daran binden kann.

Hier der HTML-Markup

<div class="form-group customer-select"> 
         <select class="form-control select2" style="width: 100%;"> 
          <option selected="selected">Alabama</option> 
          <option>Alaska</option> 
          <option>California</option> 
          <option>Delaware</option> 
          <option>Tennessee</option> 
          <option>Texas</option> 
          <option>Washington</option> 
         </select> 
        </div> 

Erster Versuch.

  //Initialize Select2 Elements 
     $('.select2').select2({ 
      "language": { 
       "noResults": function(searchedTerm){ 
        return "<a href='#' onclick='return showNewCustomerModalForm()' class='add-new-customer' data-toggle='modal' data-target='#modal-default' style='cursor: pointer;'><i class='fa fa-plus'></i> Add New</a>"; 
       } 
      }, 
      "escapeMarkup": function (markup) { 
       return markup; 
      } 
     }); 

     function showNewCustomerModalForm() { 
      alert(1); 
     } 

Das Problem mit dieser Warnung wurde nie angezeigt, wenn ich auf Add new klicke.

Zweiter Versuch.

Kann mir jemand helfen atleast zeigen Sie die Warnung beim Klicken hinzufügen neue. Danke im Voraus.

Answer 1

können Sie diese Lösung versuchen:

//Initialize Select2 Elements 
 
$('.select2').select2({ 
 
    "language": { 
 
    "noResults": function(searchedTerm) { 
 
     return "<a href='#' class='add-new-customer' data-toggle='modal' data-target='#modal-default' style='cursor: pointer;'><i class='fa fa-plus'></i> Add New</a>"; 
 
    } 
 
    }, 
 
    "escapeMarkup": function(markup) { 
 
    return markup; 
 
    } 
 
}); 
 

 

 
$(document).on('click', '.add-new-customer', function() { 
 
    alert(1); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet" /> 
 
<div class="form-group customer-select"> 
 
    <select class="form-control select2" style="width: 100%;"> 
 
    <option selected="selected">Alabama</option> 
 
    <option>Alaska</option> 
 
    <option>California</option> 
 
    <option>Delaware</option> 
 
    <option>Tennessee</option> 
 
    <option>Texas</option> 
 
    <option>Washington</option> 
 
    </select> 
 
</div>