jquery - html() 上的选择选项的 Jquery 问题

Question

当我用 html() 调用 on click 时，选项不起作用

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/

Answer 1

由于添加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