选择引导弹出窗口内的更改不会触发

Question

我有一个选择需要放置在引导弹出窗口中

http://jsfiddle.net/BcczZ/155/

<div class="settings" data-toggle="popover" data-mysettings="#someid" data-original-title="A Title"> 
   <i class="fa fa-bars"></i>
</div>
<div id="someid" style="display: none">
    <select id='list'>
        <option value='1'>First</option>
        <option value='2'>Second</option>
        <option value='3'>Third</option>
    </select>
</div>



<span id="result" />

在更改时，我需要获取值，但看起来像 on.('change'... 在克隆元素后不会触发。不确定这是否是选择 id 问题。

这是与弹出窗口外部选择相同的脚本，并且工作正常

http://jsfiddle.net/BcczZ/156/

我缺少什么？

任何帮助表示赞赏。谢谢你！

Answer 1

JSFiddle演示

使用如下所示的事件委托。

$(document).on('change','#list', function () {
    $('#result').text($('#list option:selected').val());
});