隐藏/显示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插件隐藏了原生元素并创建了等效的自定义元素作为它的下一个兄弟。在这种情况下，默认情况下隐藏select元素，因此jcf不会创建等效元素。

因此，您需要先显示select元素，然后初始化jcf插件：

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

Answer 2

您可以使用以下代码更改display：none to display：block：

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