在下拉列表中，onchange功能僅在第一項更改時有效？

Question

這是我的HTML代碼使用列表項是從數據庫中foreach循環：

<select class="form-control select" id="inventoryitem" name="inventoryitem" onchange="getunit();"> 
    <option>---select item---</option> 
    <?php foreach($item as $i) { ?> 
    <option><?php echo $i->Name; ?></option> 
    <?php } ?> 
</select> 

這是我的腳本代碼：

function getunit() 
{ 
    var item = $('#inventoryitem').val(); 
    alert(item); 
} 

Answer 1

請刪除的onchange = 「getunit（）;」從您的選擇 並嘗試下面的代碼：

$("#inventoryitem").change(function() { 
    var item = $("#inventoryitem option:selected").text(); 
    alert(item); 
}); 

Answer 2

JavaScript就停止功能，如果其中任何一個有錯誤，請 確保所有JavaScript是運作良好。

$(function(){ 
    $("#inventoryitem").change(function(){ 
    console.log($(this).val); // Instead of alert i prefer you to use console 
    }) 
})