【问题标题】:how to recognize select2 dropdown and select2 multiselect seperatly如何分别识别select2下拉和select2多选
【发布时间】:2014-03-03 09:43:30
【问题描述】:

我有两个控件一个 select2 dropdown 和另一个 jquery multi value select

select2 下拉菜单

<select id="drp_me" class="select2-offscreen">
  <option value="1">one</option>
  <option value="2">two</option>
  <option value="3">three</option>
</select>

jquery 多值选择

<select id="mult_val" class="span6 select2">
  <option value="1">ONE</option>
  <option value="2">TWO</option>
  <option value="3">THREE</option>
</select>

但问题是当我将这些 ID 传递给 JS 函数并尝试显示它的类型时,两者都将类型显示为 select-one

JS

$('#drp_me').select2();
$('#mult_val').multiSelect();
function displayType(id) // id = mult_val or drp_me
{
  var control=document.getElementById(id);
  console.log(control.type); // both controls showing as `select-one`
}

我对@9​​87654327@ 和multiSelect 都使用jquery 插件。基本上两者都是相同的选择控件(选择)。但在物理上它们是不同的。 how i can differ these controls through code??

【问题讨论】:

    标签: javascript jquery jquery-plugins jquery-select2 multi-select


    【解决方案1】:

    您是否尝试将multiple='multiple' 添加到mult_val?因为从您的标记来看,它们都是单选的。

    【讨论】:

    • +1 Fiddle 表示添加multiple 属性时类型被识别为select-multiple
    • @FrançoisWahl 好的,那么多选的类型是什么?
    • @chriz 正如他所说:select-multiple
    【解决方案2】:

    您应该将&lt;select multiple&gt; 用于多选框:

    <select multiple id="mult_val" class="span6 select2">
      <option value="1">ONE</option>
      <option value="2">TWO</option>
      <option value="3">THREE</option>
    </select>
    

    您可以使用“#”通过其 ID 来识别控件,因此对于 select2,您可以使用 $('#drp_me')... 对于多选,您只需使用上面的 ID $('#mult_val')...

    【讨论】:

      猜你喜欢
      • 2019-02-19
      • 2021-10-06
      • 1970-01-01
      • 1970-01-01
      • 2021-04-06
      • 1970-01-01
      • 2018-06-21
      • 1970-01-01
      • 2017-11-20
      相关资源
      最近更新 更多