将表单从多个选项动态更改为平面选项

Change a form select from multiple to flat dynamically

本文关键字：选项 平面 动态 表单      更新时间：2023-09-26

我在Wordpress中使用了一个插件（分类选择器），它允许我按多个分类进行搜索。

我想将其中两个"多"项更改为平面类型，但我必须动态地执行此操作。

所以现在我有一个例子：

<select name="bebida[]" multiple=""><option value="bebida=tp-all">Todos</option><option value="bebida=batidos" class="parent">Batidos</option><option value="bebida=cervezas" class="parent">Cervezas</option><option value="bebida=cervezas-importacion" class="parent">Cervezas Importación</option><option value="bebida=cocktail" class="parent">Cocktail</option><option value="bebida=copas" class="parent">Copas</option><option value="bebida=copas-premium" class="parent">Copas Premium</option><option value="bebida=gin-tonic" class="parent">Gin Tonic</option><option value="bebida=licores" class="parent">Licores</option><option value="bebida=vinos" class="parent">Vinos</option><option value="bebida=zumos" class="parent">Zumos</option></select>

它是动态创建的，我想删除multiple="属性，以便使它们仅对一些只有"名称"但没有类的选择是平面的。

可以这样做吗？？

此外，我不确定如何才能将不同的类仅添加到我想要的属性中。

所以我想知道如何添加一个具有我想要的名称的类，并删除多个属性，只动态选择我想要的。

例如，我想说的是：

"如果选择名称为"bebida[]"，则添加类"bebida"并多次删除属性"，"如果选择的名称为"ambiente[]"，请添加类"ambiente"（但不删除任何内容）。"

我正在尝试这样的方法来删除多选符，但看起来不起作用：

$（"select[name='localizacion[]']"）.removeAttr（'multiple'）；

非常感谢。

  • 随更多信息编辑

WordPress附带jQuery，因此（在document.ready中）：

$('select').each(function() {
  if ( $(this).attr('name') == "bebida[]" && $(this).attr('class') == "bebida" ) {
    $(this).removeAttr('multiple');
  }
});

语法可能还没有过时，但你已经明白了。

相关文章：