选择的 jquery 类型和 select2 多选

Question

我有两个控件一个 chosen multiselect 和另一个 select2 multivalue select

选择多选

<select id="mlti_1" class="chosen span6" multiple='multiple' >
  <option value="1">one</option>
  <option value="2">two</option>
  <option value="3">three</option>
</select>

jquery 多值选择

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

两个控件都工作正常，但问题是当我将这些 Id 传递给 JS 函数并尝试显示它的类型时，两者都将类型显示为 select-multiple

JS

//no need to initiate chosen multiselect
$('#mult_2').multiSelect(); // initiating select2 multiselect
function displayType(id) // id = mult_val or drp_me
{
  var control=document.getElementById(id);
  console.log(control.type); // both controls showing as select-multiple
}

我正在为这两个控件使用 jquery 插件。基本上两者都是相同的选择控件（选择）。但在物理上它们是不同的。 how i can differ these controls through code?? is there any solution for this?

Answer 1

如果你的意思是使用不同的句柄访问它们及其值，你可以通过访问它们的 id 来做到这一点。

使用$("#mlti_1") 访问chosen 控件，使用$("#mult_2") 访问第二个多选控件。

更新：

正如我在评论中所说，您可以使用以下函数来确定多选的类型。

function displayType(id) // id = mult_val or drp_me
{
    var control = document.getElementById(id);
    console.log(control.type); // both controls showing as select-multiple
    if (control.classList.contains("chosen")) {
        console.log("chosen");
    } else if (control.classList.contains("select2")) {
        console.log("select2");
    }
}

如果您为 HTML 代码中的各种多选分配适当的类名（chosen 和 select2）。