jquery - 隐藏/显示 jcf 从 jquery 中选择(下拉)

Question

我的选择下拉列表

<select class="model" id="model" name="model" style="display:none;">
    <option value="model1">Model1</option>
    <option value="model2">Model2</option>
    <option value="model3">Model3</option>
    <option value="model4">Model4</option>
</select> 

我正在使用 jcf 插件进行选择。引用 https://www.psd2html.com/js-custom-forms/

现在我想显示来自 jquery 的下拉菜单。jQuery("select[name='model']").show();

但这不再有效了。如何将 display:none 更改为 display:block ？

Answer 1

它不起作用，因为 jcf 插件隐藏了 native 元素并创建等效的自定义元素作为它的下一个兄弟元素。在这种情况下，select 元素默认隐藏，因此 jcf 不会从中创建等效元素。

因此需要先显示select元素，再初始化jcf插件:

$("#model").css('display','block');
jcf.replaceAll();