0

我有兩個控制一個chosen multiselect和另一select2 multivalue select類型jquery的選擇和SELECT2多選的

選擇多選

<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> 

兩種控制是工作正常,但問題是當ia中號傳遞這些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?This is the screen shots of the controls

回答

1

不同的如果你的意思是訪問他們和他們的價值使用不同的句柄,你可以通過訪問他們的ID來做到這一點。

使用$("#mlti_1")訪問chosen控件和$("#mult_2")用於第二個多選控件。

UPDATE:

正如我在評論說,你可以用下面的函數來確定多選擇的類型。

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代碼中的各種多重選擇分配了適當的類名(selected和select2)。

+0

不,不會幫助我..我只是想知道控制的類型!或任何區分他們的東西。 – chriz

+0

區分如何? –

+0

'var control = document.getElementById(id);'使用這個'control'對象我怎樣才能識別它們單獨的? – chriz