<!DOCTYPE html>
<html>
<head>
<title>select multiple</title>
<link href="styles/multiselect.css" rel="stylesheet"/>
<script src="multiselect.min.js"></script>
</head>
<body>
<select id='testSelect1' multiple>
<option value='1'>Item 1</option>
<option value='2'>Item 2</option>
<option value='3'>Item 3</option>
<option value='4'>Item 4</option>
<option value='5'>Item 5</option>
</select>
<script>
document.multiselect('#testSelect1');
</script>
<button onclick="anadir();">añadir</button>
</body>
Entonces lo conecto a este .js el cual hace que se marquen todas las opciones:
//multiselect collection
window.multiselects = [];
if (typeof ($) != 'undefined') {
//jQuery extension for multiselect
$.fn.multiselect = function () {
//if no elements passed - it is not an error
var res = [];
if (!window.multiselects._items) {
window.multiselects._items = [];
}
if (this.length != 0) {
$(this).each(function (i, e) {
var index = window.multiselects._items.indexOf(e);
if (index == -1) {
var inputItem = new Multiselect(e);
window.multiselects.push(inputItem);
window.multiselects._items.push(e);
res.push(inputItem)
} else {
res.push(window.multiselects[index]);
}
});
}
return res.length == 1 ? res[0] : $(res);
};
$(document).click(function (event) {
hideMultiselects(event);
});
} else {
document.multiselect = function(selector) {
var res = [];
if (!window.multiselects._items) {
window.multiselects._items = [];
}
m_helper.each(document.querySelectorAll(selector), function(e) {
var index = window.multiselects._items.indexOf(e);
if (index == -1) {
var inputItem = new Multiselect(e);
window.multiselects.push(inputItem);
window.multiselects._items.push(e);
res.push(inputItem)
} else {
res.push(window.multiselects[index]);
}
});
return res.length == 1 ? res[0] : res;
}
window.onclick = function(event) {
hideMultiselects(event);
};
}
function hideMultiselects(event) {
m_helper.each(window.multiselects, function(e) {
if (document.getElementById(e._getItemListIdentifier()).offsetParent &&
!m_helper.parent(event.target, e._getIdentifier())) {
e._hideList(e, event);
}
});
}
Mi pregunta sería: ¿qué línea de código modifico para que no se me muestren todas las opciones marcadas?