ffx,
имитация зажатой клавиши Ctrl на мультиселекте
<!DOCTYPE HTML>
<html>
<head>
<title></title>
<meta charset="utf-8" />
<script src="https://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<select multiple="multiple" size="5" >
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select>
<select multiple="multiple" size="5">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select>
<script>
$(document).on('click','select[multiple]',function (e) {
var a = $(this).data('a') ? $(this).data('a') : [];
var b = $(this).val();
if (1 == b.length) {
for (var c = 0; c < a.length; c++) if (a[c] == b[0]) {
a.splice(c, 1);
$(this).val(a);
b.length = 0;
break
}
b.length && (a.push(b[0]), $(this).val(a))
}
$(this).data('a',$(this).val() || []) ;
e.preventDefault()
});
</script>
</body>
</html>
|
рони,
спасибо большое, но если выбирать несколько одним кликом, то все старые сбиваются. и что означает эта строка b.length [B]&&[/B] (a.push(b[0]), $(this).val(a)) не каждый элемент а именно целиком конструкция Hoshinokoe, плагин хорош, но желательно чтобы он выглядил как мультиселект а не как инпут |
Цитата:
|
ну так скажем click+drag то есть кликнули и потянули вниз
Цитата:
|
Цитата:
Цитата:
if (b.length ){a.push(b[0]); $(this).val(a)} ;
|
рони,
спасибо)чет я еще такого не встречал) |
<!DOCTYPE HTML>
<html>
<head>
<title></title>
<meta charset="utf-8" />
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<select multiple="multiple" size="5" >
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select>
<select multiple="multiple" size="5">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select>
<script>
$(document).on('click','select[multiple] option',function(e){
var a = $(this);
a.toggleClass('active')
a.parent().children('option:not(.active)').removeAttr('selected');
a.parent().children('option.active').attr('selected','selected');
e.preventDefault();
});
</script>
</body>
</html>
|
Deff,
вот я почти решил как вы
$(document).on('click','select[multiple] option',function(e){
var option = $(this)
if (option.attr('select') == 'yes'){
option.prop('selected',false).attr('select','no');
}
else {
option.attr('select','yes');
}
return false;
});
но ие в упор не хочет воспринимать данный селектор 'select[multiple] option' и даже 'select option' а работает только на 'select' |
Deff, код не кросбраузерный
а рабочий код для хрома был у ТС с самого начала. |
ffx,
Deff, дело не в селекторе а в обработке клика на опцион |
| Часовой пояс GMT +3, время: 20:16. |