Форум

ffx · #1 (**permalink**) 06.02.2013, 15:58

в общем у меня динамический select, поэтому обработчик вешаю через .on(), но вот в чем проблема при клике по любому элементу в обработчике он уже как selected

$(document).on('click','select[multiple] option',function(e){
	
				e.preventDefault();
console.log(e.target.selected) // всегда true
	   
	});

соответственное если повесить так 'select[multiple] option:selected' то отрабатывает даже на не выделенном элементе
попробовал повесить не на клик а на mousedown в хроме помогло, а в фф нет.

рони · #2 (**permalink**) 06.02.2013, 16:05

Сообщение от ffx

'select[multiple] option'

а зачем тут option?

ffx · #3 (**permalink**) 06.02.2013, 16:09

ну так кликаю то по определенному "option"

рони · #4 (**permalink**) 06.02.2013, 16:12

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>

ffx · #5 (**permalink**) 06.02.2013, 16:19

потеря фокуса не канает, мне короче например надо чтобы при клике, если уже какойто option выбран, то он становился не выбранным

$(document).on('mousedown','select[multiple] option:selected',function(e){
	   $(this).prop('selected',false);
	   return false;
	});

вот это то что надо, и работает в хроме) но охото все же кроссбраузерно
на чекбоксы переходить тоже не охото

p.s. поправил

Hoshinokoe · #6 (**permalink**) 06.02.2013, 16:28

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>

ffx · #7 (**permalink**) 06.02.2013, 16:37

непоможет, уже думал. например один option select, я по нему кликаю но события change не происходит потомучто он не изменился, а мне надо чтобы он deselect

рони · #8 (**permalink**) 06.02.2013, 16:54

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>

ffx · #9 (**permalink**) 06.02.2013, 17:02

рони,
нет вы не правильно меня поняли, я хочу сделать так, если один раз кликнуть, элемент выделяется, еще раз по нему же - выделение снимается, если выделено 10 элементов и по 1 выделенному кликнуть, то он перестает быть выделенным, все остальные 9 все так же выделены

то чего я хочу добиться, по дефолту работает через ctrl+click

Hoshinokoe · #10 (**permalink**) 06.02.2013, 17:16

ffx,

Есть готовый плагин, который обладает данной возможностью.

Форум

Справочник

Discord чат

Курсы javascript