dropbox onchange jquery-ui

Question

我想獲得一個onselect，然後javascript函數，但它不工作。 它只有當我拿走jQuery的UI腳本，但後來我得到醜陋的形式。

<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> 

我嘗試這樣做：

$("#productkleur").combobox({ 
     select: function (event, ui) { 
      alert("the select event has fired!"); 
      var productid = $("#productid").val();                     
var kleur = $("#productkleur").val(); 
var voorraad = $("#productcolourstock").val(); 
var what = "add"; 
console.log("change "+kleur+" to "+productid+" stock "+voorraad); 
     } 
    } 
); 

我想這

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); 

}; 

最後一個工作正常，當我刪除的jQuery UI的，但是當我做不什麼都不會發生。

任何人都知道爲什麼或如何解決這個問題？

Answer 1

使用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); 
}); 

刪除平變化= 「productkleurchange（）」 從HTML與上面的代碼試圖嘗試之前所述工作碼。

Answer 2

只要在`select'中刪除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> 

Demo

Answer 3

也可以嘗試這個，

$('#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); 
});