Javascript dropbox onchange与jquery ui

我试图得到一个onselect和javascript函数，但它不起作用。 只有当我去掉jQueryUI脚本时，它才起作用，但随后我得到了丑陋的表单

<select id="productkleur" style="width: 200px;" onchange="productkleurchange()" data-theme="c" data-native-menu="true">
<option value="1" id="1">Zwart</option>
<option value="2" id="2">Rood</option>
<option value="3" id="3">Groen</option>
<option value="4" id="4">Paars</option>
<option value="5" id="5">Blauw</option>
<option value="6" id="6">Geel</option>
</select>

我试过这个

function productkleurchange() { 
var productid = $("#productid").val();                                                                                 
var kleur = $("#productkleur").val();
var voorraad =  $("#productcolourstock").val();
var what =  "add";
console.log("change "+kleur+" to "+productid+" stock "+voorraad);

};

当我删除jQueryUI时，最后一个可以很好地工作，但当我不删除时，什么也不会发生

---

有人知道为什么或如何修复此问题吗？

请使用jquery尝试工作代码

$( "#productkleur" ).change(function() { 

var productid = $("#productid").val();                                                                                 
var kleur = $("#productkleur").val();
var voorraad =  $("#productcolourstock").val();
var what =  "add";
console.log("change "+kleur+" to "+productid+" stock "+voorraad);
});

在尝试使用上述代码之前，请从HTML中删除onchange=productkleurchange。

只需在“选择”中删除onchange事件，它就可以工作了

<select id="productkleur" style="width: 200px;" data-theme="c" data-native-menu="true">
<option value="1" id="1">Zwart</option>
<option value="2" id="2">Rood</option>
<option value="3" id="3">Groen</option>
<option value="4" id="4">Paars</option>
<option value="5" id="5">Blauw</option>
<option value="6" id="6">Geel</option>
</select>

再试试这个,

$('#productkleur').on('change', function() {
    var productid = $("#productid").val();
    var kleur = $("#productkleur").val();
    var voorraad = $("#productcolourstock").val();
    var what = "add";
    console.log("change " + kleur + " to " + productid + " stock " + voorraad);
});

$('#productkleur').on('change', function() {
    var productid = $("#productid").val();
    var kleur = $("#productkleur").val();
    var voorraad = $("#productcolourstock").val();
    var what = "add";
    console.log("change " + kleur + " to " + productid + " stock " + voorraad);
});