选择 2 和重力形式。如何定位多个 select 字段。 CSS class 无效

Question

我在具有许多 select 字段的多个 Gravity 表单上使用 select2。所有 select 字段的 Select2 配置都是相同的，但我似乎无法将脚本应用于所有 select 字段，而是必须使用 ID 来定位每个字段。

我要做的事情：

$('#input_4_0').select2({
  minimumResultsForSearch: Infinity,
  width:'100%'
});
$('#input_4_1').select2({
  minimumResultsForSearch: Infinity,
  width:'100%'
});


$('#input_4_2').select2({
  minimumResultsForSearch: Infinity,
  width:'100%'
});

我想做什么：

$('.js-select select').select2({
  minimumResultsForSearch: Infinity,
  width:'100%'
});

已经尝试了所有方法，但除了唯一 ID 之外没有任何效果？任何帮助都会很棒

Answer 1

试试这个语法，选择器 ^ 等价于 startwith:

// select all id beginning with input_4
$('[id^=input_4]').select2({
  minimumResultsForSearch: Infinity,
  width:'100%'
});

选择 2 和重力形式。如何定位多个 select 字段。 CSS class 无效

Select2 & Gravity Forms. How to target multiple select fields. CSS class does not work

jquery

jquery-select2

gravity-forms-plugin