问用selectik jquery pulgin填充下拉列表

EN

首先，让我解释一下插件是如何工作的，没有办法在下拉列表上应用样式。因此，这个插件将隐藏实际的下拉列表，并使用其他html元素(div、span.)创建类似于下拉的结构。对于存储在data-selectik属性中的值(如果可用的话)，它将使用选项名称。您需要refreshCS()，因为当您在实际下拉列表中更新选项时，插件不知道更新，当您调用refreshCS()时，它会重新读取数据并重新呈现可见的下拉菜单。

• 在应用插件的select元素的所有选项中添加一个属性，插件内部使用该属性来显示名称，如果您想格式化在实际选项中无法执行的名称，则为选项值，如下所示 <option value="1" data-selectik="Spider man">Spider man<option>
• 更新新数据后刷新选择的函数是refreshCS而不是regreshCS ie $("#automodel").data("selectik").refreshCS();。

将refreshCS放入success方法中，getJson是异步调用，因此，无论getJSON调用的结果如何，最后一行都被执行。

function company_change() {
        $("#automodel").empty();
        $.getJSON('@Url.Action("GetAutoModel")', { CompanyModel: $("#company").val() }, function (cdata) {
            $.each(cdata, function () {
                $("#automodel").append("<option data-selectik='" + this.AutoModelName + "' value='" + this.AutoModelId + "'>" + this.AutoModelName + "</option>");
            });
            $("#automodel").data("selectik").refreshCS();
        });

    }