In der Dropdown-Liste funktioniert onchange-Funktion nur bei Änderung des ersten Elements?

Question

Das ist mein HTML-Code, der Listeneintrag aus der Datenbank Schleife 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> 

Das ist mein Script-Code:

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

Answer 1

Bitte entfernen onchange = "getunit();" von Ihrem wählen und versuchen Sie den Code unten:

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

Answer 2

Javascript-Funktion zu stoppen, wenn eine von ihnen Fehler hat, bitte sicher, dass alle Ihre Javascript funktioniert gut.

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