获取隐藏的输入值并在弹出窗口中查看 JavaScript

Question

是否从隐藏模式中读取数据并在模式中查看 window - 它有效。从模式更改为弹出窗口 - 停止工作。我不知道如何纠正。请帮忙，尝试了很多东西。 http://jsfiddle.net/popovers

<div id="myPopoverContent">
    .....
    <span id="ip_view">no ip</span>
</div>

<a tabindex='0' class='btn  btn-danger' role='button' id='pop'  data-toggle='popover' data-trigger='focus'>                  
    Check
    <input id='ip_id' type='hidden' value='94.45.43.42'> 
</a>

<a tabindex='0' class='btn  btn-danger' role='button' id='pop'  data-toggle='popover' data-trigger='focus'>                  
    Check
    <input id='ip_id' type='hidden' value='83.218.164.204'> 
</a>            

<script type="text/javascript">
$(document).ready(function(){
       $('[data-toggle=popover]').popover({
        content: $('#myPopoverContent').html(),
        placement: 'bottom',
        html: true
    }).click(function() {
    var ip = this.firstElementChild.value;  
    document.getElementById('ip_view').innerHTML = ip; 
        $(this).popover('show');
    });
});

</script>

我不明白为什么不起作用。在模式或警报中 - 工作 http://jsfiddle.net/modal

Answer 1

弹出窗口的内容是在创建时设置的，因此即使您更新了 myPopoverContent 中的值，当文档已准备就绪（即 <span id="ip_view">no ip</span>）。这是打开弹出窗口时获取内容的更好、更简洁的方法。

代码

Fiddle

$('[data-toggle=popover]').popover({
    content: function(){return $(this).children("#ip_id").val();},
    placement: 'bottom'
});

编辑：有误fiddlelink

获取隐藏的输入值并在弹出窗口中查看 JavaScript

Get hidden input value and view in popovers JavaScript

javascript

hidden

input

popover