Onclickは動作していますが、Onchangeは機能していません - javascript

Question

私は厄介な問題があります。問題はonclickイベントは機能していますが、onchangeはドロップダウンリストでは機能していません。ここで私はPHPからのドロップダウンの値を取得するjqueryを使用します。何が問題なの？

Javascriptを：

<script> 
    //dropdown list values 
    $(function() { 
    $("#skills").autocomplete({ 
    source: <?php print_r(json_encode($options)); ?> 
    }); 
    }); 

    function myfunction() 
    { 
     alert('hi'); 
    } 
</script> 

HTML：

<div class="ui-widget"> 
     <label for="skills">Chip ID:</label>​ 
     <input id="skills" onchange="myfunction()"> 
</div> 

感謝。

Answer 1

これは動的に入力されたドロップダウンのためです。したがって、jQuery .on()を使用してください。

は

あなたは使用しなければならない：

$(document).on('change', '#dropdown', function(){ 
    alert("onChnage [using .on()]"); 
}); 

例：私は、問題はあなたが定期的にドロップを扱っていないということかもしれないと思う

$(document).on('change', '#dropdown', function(){ 
 
    alert("onChnage [using .on()]"); 
 
}); 
 

 

 

 
/* dynamic drop-down */ 
 
var selectField = $('#dropdown'); 
 
var empIds = [101, 102, 103]; //values 
 
var empNames = ['X', 'Y', 'Z']; //text 
 
var options = ''; 
 
selectField.empty(); 
 
for (var i = 0, len = empIds.length; i < len; i++) { 
 
    options += '<option value="' + empIds[i] + '">' + empNames[i] + '</option>'; 
 
} 
 
selectField.append(options);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="dropdown"> 
 
</select>

Answer 2

あなたはjqueryのプラグインを使って作業しています標準フィールドを使用していません。それが私が知っている同じプラグインであれば、これは欲しい：

$(function() { 
    $("#skills").autocomplete({ 
    source: <?php print_r(json_encode($options)); ?> 
    }).result(function(event, data, formatted) { 
    window.alert(data);//do something with the selected value 
    } 
});