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

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

Answer 2

只需在“选择”中删除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);
});

dropbox onchange with jquery-ui

3 个答案: