0

select выводится с помощью ajax+jquery в блок div. Только select не выпадающий, указан атрибут size="20", т.е. выводится блок с полосой прокрутки и элементами option. Нужно отработать клик по option'ам.

Получается только если непосредственно в option указывать ondblclick. Но правильнее вроде в скрипте обработчик прикреплять к элементу. А так сделать не получается.

1 ответ 1

0

Если я правильно понял, то что-то должно происходить по двойному клику на динамически собираемом селекте, у которого есть атрибут multiple.

var selectEl = $('select');
selectEl.on('dblclick', 'option', function(){
    #функционал
});

Пример на jsfiddle.

var selectEl = $('#select_element');
selectEl.on('dblclick', 'option', function() {
  $('#test-output').append('dbl ' + $(this).val() + '<br/>');
});
select {
  min-width: 50px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<select id="select_element" name="select_element" multiple size="5">
    <option value="0">0</option>
    <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>
</select>
<div id="test-output">
</div>

2
  • Пробовал так. Не работает. Код селекта возвращается из php-скрипта, к которому обращается js-скрипт.
    – Zepp
    2 ноя 2013 в 15:52
  • так работает же в примере, в чем проблема-то ? динамически грузишь ? ну так ставь селектор для on на более родительский элемент jsfiddle.net/oceog/DTKq9/1
    – zb'
    2 ноя 2013 в 18:38

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.