ich umleiten wollen, wenn ich Link-Option Datalist auf Ajax klicken anhängen

Question

ich in append wenn Klick Option verknüpfen möchten Ajax:

Mehr Detail:

$('#input-friends').on('input', function() { 
    var id = $('#input-friends').val(); 
    $.ajax({ 
     url : "<?= $base_url ?>/api/api.php", 
     type: "POST", 
     data: {id:id}, 
     success: function(data) { 
      console.log(data); 
      $("#friends").html("<option value='AA' onclick='test()'>item Appended</option>"); 
     } 
    }) 
}); 

<datalist id="friends"></datalist> 

Funktionstest() oder Link nicht in append Arbeits :(

Answer 1

versuchen, diese

$('#input-friends').on('input', function() { 
    var id = $('#input-friends').val(); 
    $.ajax({ 
     url : "<?= $base_url ?>/api/api.php", 
     type: "POST", 
     data: {id:id}, 
     success: function(data) { 
      var opt = $('<option>'); 
      opt.val("AA"); 
      opt.html("Item Appended"); 
      opt.click(function(){ 
       console.log("clicked!"); 
       test(); 
      }); 

      $("#friends").html(opt); 
     } 
    }) 
}); 

<datalist id="friends"></datalist> 

oder Sie können diese Art von Lösung überprüfen: Event binding on dynamically created elements?

Answer 2

können Sie

fügen Sie diesen Code in der Kopfzeile html

<script> 
    function test(){ 
    window.location.href = 'http://www.google.com'; 
    } 
    </script> 

Answer 3

$ ('# input-Freunde'). Auf ('Input' eine Funktion mit dem Namen Test erstellen, function() {
var id = $ ('# input-friends') .val();
$ Schnipsel ({
url: "/api/api.php",
Typ: "POST",
Daten: {id: id},
Erfolg: function (data) {
Konsole .log (Daten);
$ ("# friends") html ("item Appended");.
}
})
});
<input list="friends" name="friends"> <datalist id="friends"></datalist>