动态选择选项内的引导弹出窗口答案

【问题标题】：Bootstrap Popover inside dynamic Select Option动态选择选项内的引导弹出窗口
【发布时间】：2017-07-26 08:56:01
【问题描述】：

我正在尝试做一个弹出框，它创建动态内容并希望与选中的选项进行交互。

我有一个select，而我的一个option 必须弹出一个popover，它有一个带有“接受”和“取消”buttons 的表格。但首先，没有显示在我的页面上，第二个（在 w3schools 编辑器中尝试，最后我可以显示弹出框）取消按钮不会隐藏当前的弹出框。

这是弹出框工作但未关闭的JsFiddle（只是现在它有一个 console.log 尝试显示“你好”但不起作用）

这是jsFiddle，用于在选择“No Disponible”时尝试获取弹出框。

任何人都可以解释为什么我的任何尝试都不起作用？

【问题讨论】：

标签： jquery html twitter-bootstrap

【解决方案1】：

这里有上半场的解决方案https://jsfiddle.net/c3yq1o43/3/。这就是点击取消按钮

时popover的关闭

$(document).ready(function(){

	 closepop = function(){
   	  $('[data-toggle="popover"]').popover('hide');
   }
        
    var pop = $('[data-toggle="popover"]').popover({
    html:true,
    content: function(){
    	return "<form name='statusForm'>"+
        			"<div class='form-group'>"+
                    	"<textarea class='form-control' name='estado' placeholder='Motivo de la no-disponibilidad' required></textarea>"+
                    "</div>"+
        			"<button class='button btn btn-success' type='button'>Aceptar</button>"+
                    "<button class='button btn btn-success' type='button' onclick='closepop()'>Cancelar</button>"+
                "</form>"
    }});  
    
    
    
});

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<body>
  <div class="container">
    <h3>Popover Example</h3>
    <p>Popovers are not CSS-only plugins, and must therefore be initialized with jQuery: select the specified element and call the popover() method.</p>
    <a href="#" data-toggle="popover" title="Popover Header">Toggle popover</a>
  </div>
</body>

我试图回答问题的后半部分。有点混乱..

在选择“No Disponible”选项时，您要显示 popover???

【讨论】：

谢谢前半部分！！是的，是这样的：jsfiddle.net/xrkxdedg/3 当我点击“No disponible”时它必须显示表单，如果按下取消，则关闭它
对不起，我错了。我想点击“No disponible”并不关闭select显示弹出框