【发布时间】:2021-02-05 14:05:59
【问题描述】:
我正在尝试使用 jquery-Chosen 多选工具修复 Worpress 主题的错误。这是表单所在的页面:http://mitramimoveis.com.br/temp/。占位符在桌面上运行良好,通过主题界面输入: Theme's interface
但是,在移动设备上,多选字段仅在 Android 上显示“0 选定”,在 iPhone 上显示“0 项”。我放置的占位符根本不显示。我已经尝试过首先添加一个空白选项,通过“自定义 CSS 和 JS”Wordpress 插件使用自定义 jQuery,但它没有工作 - 我找到的关于这个问题的所有答案都将其作为解决方案解决。 表单的html代码:
<!-- Row -->
<div class="row with-forms">
<div class="search-form-_property_type col-md-3 custom-tipo-imovel">
<select multiple name="_property_type[]" name="_property_type" id="_property_type" data-placeholder="Tipo de imóvel" class="chosen-select">
<option value="">Tipo de imóvel</option>
<option value="apartamento">Apartamento</option>
<option value="casa">Casa</option>
<option value="sobrado">Sobrado</option>
</select>
</div>
<div class="search-form-_cidade col-md-3 custom-tipo-imovel">
<select multiple name="_cidade[]" name="_cidade" id="_cidade" data-placeholder="Cidade" class="chosen-select">
<option value="">Cidade</option>
<option value="Curitiba">Curitiba</option>
<option value="Campo Largo">Campo Largo</option>
</select>
</div>
<div class="search-form-tax-region col-md-3 custom-tipo-imovel">
<select multiple name="tax-region[]" data-placeholder="Bairro" class="chosen-select">
<option value="">Bairro</option>
<option value="bigorrilho">Bigorrilho</option>
<option value="cabral">Cabral</option>
<option value="centro">Centro</option>
<option value="portao">Portão</option>
</select>
</div>
<div class="col-md-3 ">
<button class="button fullwidth">Buscar</button>
</div>
</div>
我该如何解决这个问题?我需要用户知道每个字段的选项是什么,并且主题不提供标签(我也不想使用)。谢谢。
*我注意到第一个选项与占位符相同,并且具有空值。
【问题讨论】:
标签: javascript html jquery jquery-chosen