程式小試身手

官方Selectmenu說明文件

前言:

最近做了一個Selectmeau的範例，從伺服器取值放入Selectmeau

選第一個Selectmeau會讓第二個Selectmeau出現相應值，

結果empty()沒有清空第二個Selectmeau，原因出在於沒有refresh

 $("#select1").selectmenu({
                                    select: function (event, data) {
                                    // 被選的值 data.item.value;
                                        d3.json("url", function (err, data) {
                                            $("#select2").empty();//清空第二個Selectmeau
                                            if (data.length == 0) {                                                
                                                $("#select2").append("<option></option>");
                                             } else {
                                                for (var i = 0; i < data.length; i++) {
                                                    $("#select2").append("<option value=" + data[i].id + ">" + data[i].id + " " + data[i].name + "</option>")
                                                }
                                            }
                                            $("#select2").selectmenu("refresh");//要更新
                                        });
                                    }
                                });