.on() select[multiple] всегда selected на динамических элементах
в общем у меня динамический select, поэтому обработчик вешаю через .on(), но вот в чем проблема при клике по любому элементу в обработчике он уже как selected
$(document).on('click','select[multiple] option',function(e){
e.preventDefault();
console.log(e.target.selected) // всегда true
});
соответственное если повесить так 'select[multiple] option:selected' то отрабатывает даже на не выделенном элементе попробовал повесить не на клик а на mousedown в хроме помогло, а в фф нет. |
Цитата:
|
ну так кликаю то по определенному "option"
|
ffx,
<!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('blur','select[multiple]',function(e){
alert($(this).val())
e.preventDefault();
});
</script>
</body>
</html>
|
потеря фокуса не канает, мне короче например надо чтобы при клике, если уже какойто option выбран, то он становился не выбранным
$(document).on('mousedown','select[multiple] option:selected',function(e){
$(this).prop('selected',false);
return false;
});
вот это то что надо, и работает в хроме) но охото все же кроссбраузерно на чекбоксы переходить тоже не охото p.s. поправил |
ffx,
Используй событие change.
<!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 type="text/javascript">
$(document).on('change', 'select[multiple]', function (e) {
alert($(this).val())
e.preventDefault();
});
</script>
</body>
</html>
|
непоможет, уже думал. например один option select, я по нему кликаю но события change не происходит потомучто он не изменился, а мне надо чтобы он deselect
|
ffx,
Вы могли бы обьяснить чего вы хотите добится? приходиться гадать - предполагаю вы хотите сбросить старые значения перед установкой новых
<!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('focus','select[multiple]',function(e){
$(this).find('option:selected').attr({selected:!1})
e.preventDefault();
});
</script>
</body>
</html>
|
рони,
нет вы не правильно меня поняли, я хочу сделать так, если один раз кликнуть, элемент выделяется, еще раз по нему же - выделение снимается, если выделено 10 элементов и по 1 выделенному кликнуть, то он перестает быть выделенным, все остальные 9 все так же выделены то чего я хочу добиться, по дефолту работает через ctrl+click |
|
| Часовой пояс GMT +3, время: 00:46. |