Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Возможно ли поставить обработчик события "click" на элемент option? (https://javascript.ru/forum/jquery/37734-vozmozhno-li-postavit-obrabotchik-sobytiya-click-na-ehlement-option.html)

Dimaz 04.05.2013 18:00

Возможно ли поставить обработчик события "click" на элемент option?
 
Приветствую. Можно ли поставить обработчик события "click" на элементах option тега select. Дело в том, что использование события change в моем случае не подходит, так как по задумке при выборе какого-то пункта из выпадающего списка открывается окно. После закрытия этого окна, чтобы выбрать все тот же пункт(в данный момент активный), нужно сначала переключиться на другой, а потом снова нажать на нужный.
Если это невозможно, буду вешать обработчик на кнопку, хотя не хотелось бы это делать, так как придется изменить дизайн.

ksa 04.05.2013 21:46

Цитата:

Сообщение от Dimaz
Можно ли поставить обработчик события "click" на элементах option тега select.

Поставь и увидишь... Вроде все просто.

Deff 05.05.2013 02:15

<script src="http://code.jquery.com/jquery-latest.js"></script>
  <script>
  $(document).ready(function(){
    var nugnyj_Opt= "Чебурашка";

    $("select").change(function () {
           if($(this).val()!=nugnyj_Opt) return false;
           alert('Выбрали:' + $(this).val());
           return false;
    })
  });
  </script>



 <select name="hero[]">
    <option disabled>Выберите героя</option>
    <option value="Чебурашка" >Чебурашка</option>
    <option selected value="Крокодил Гена" >Крокодил Гена</option>
    <option value="Шапокляк">Шапокляк</option>
    <option value="Крыса Лариса">Крыса Лариса</option>
   </select>

danik.js 05.05.2013 03:20

Deff, как это решает поставленный вопрос?

Hekumok 05.05.2013 08:56

<script src="http://code.jquery.com/jquery.min.js"></script>
<script>
$(document).ready(function() {
	$("select").on("click", "option", function() {
		alert('Выбрали:' + $(this).val()) ;
		return false ;
	}) ;
}) ;
</script>
<select name="hero[]">
	<option disabled>Выберите героя</option>
	<option value="Чебурашка" >Чебурашка</option>
	<option selected value="Крокодил Гена" >Крокодил Гена</option>
	<option value="Шапокляк">Шапокляк</option>
	<option value="Крыса Лариса">Крыса Лариса</option>
</select>

Deff 05.05.2013 12:39

danik.js,
А кто итогово решает задачу: Подходит - Не подходит ?
Вы слишком часто делаете выводв за автора, - не замечали ?


Часовой пояс GMT +3, время: 18:17.