选择更改内部bootstrap popover不会触发

时间:2013-12-26 14:45:12

标签: jquery twitter-bootstrap-3

我有一个选择,我需要放在引导程序popover

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" />

并且在变化时我需要获取值,但看起来像。('更改'...一旦元素被克隆就不会触发。不确定这是否是选择ID问题。

这是与popover外部选择的相同脚本并且工作正常

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

我错过了什么?

感谢任何帮助。谢谢!

1 个答案:

答案 0 :(得分:3)

<强> JSFIDDLE DEMO

使用如下的事件委托。

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