jQueryを使用してDatalist要素内にネストされたオプション要素の.clickイベント

Question

データリストからオプション要素を選択したときに.clickイベントを発生させようとしていますが、動作させられないようです。私は を受け取っています。私のデータベースからデータリストを取り込むためのデータです。

$(document).ready(function(){ 
$("#phone_no").`enter code here`keyup(function(){ 
    if($("#phone_no").val().length > 2){ 
     $.get('<?php echo base_url('call_log/search_phone_number/');?>', {phone_no: $(this).val()}, function(data){ 
      $("datalist").empty(); 
      $("datalist").html(data); 
       if($("datalist").html(data)){ 
        $('myCompanies').click(function(){ 
         alert("hello world"); 
        }); 
       } 
      }); 
     } 
    }); 
}); 

    <input type="text" list="myCompanies" name="phone_no" id="phone_no"><label></label><div id="ss"></div><aside class="clear"></aside><label></label> 

Answer 1

$('myCompanies') 

"myCompanies" という名前のタグを探しています。クリックを入力要素でも発生させたい場合は、代わりに

を試してみてください。