JQuery проблемы с выбором параметров в HTML ()

0

Когда я звоню по клику с помощью html(), не работает

JS:

$(document.body).on('click', '.pls', function() {
        $(".pls").html('<select id="plselect"><option value="list1">list1</option><option value="list2">list2</option</select><br>');
});

HTML:

<div class="pls">pls</div>

^ Этот пример: http://jsfiddle.net/B5xqp/1/

  • 0
    Работает на jsfiddle ...
  • 0
    Вы добавили скрипт в заголовок страницы?
Теги:

1 ответ

4
Лучший ответ

Поскольку добавленный select находится внутри класса .pls, событие click вызывает проблемы.

Так что сделайте так

$(document.body).on('click', '.pls', function() {
        $(".pls").html('<select id="plselect"><option value="list1">list1</option><option value="list2">list2</option</select><br>');
    $(document.body).off('click');  
});

После того, как select добавлен в класс, удалите событие click с помощью приложения .off() обработчика события.

JSFiddle1

Обновления: на основе ваших комментариев кажется, что вы не хотите удалять обработчик событий. Поэтому, если я правильно понял, вы можете попробовать это

$(document.body).on('click', '.pls', function () {
    $(".pls").after('<select id="plselect"><option value="list1">list1</option><option value="list2">list2</option</select><br>');
});

JSFiddle2

  • 1
    +1, хорошая работа, расшифровывающая, в чем реальная проблема была здесь!
  • 0
    @Brad Спасибо, рад вас слышать :)
Показать ещё 5 комментариев

Ещё вопросы

Сообщество Overcoder
Наверх
Меню