Jquery HTML select的选项从父div中获取

我有一个引导模式和它里面的形式。表单具有select标记，带有从数据库生成的选项。这是一长串的名字。问题是它从模态体容器中出来

HTML:

以及页面上的结果：

按照@SGS Venkatesh在其中一个答案中的建议使用下拉列表

---

有没有关于如何在模态体中显示列表的想法？

您可以使用引导下拉菜单尝试此操作，并使用overflow-y:scroll或auto将理想的高度设置为ul元素

<!-- Single button -->
<div class="btn-group">
  <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Select Operator<span class="caret"></span>
  </button>
  <ul class="dropdown-menu">
    <li><a href="#">Action</a></li>
    <li><a href="#">Another action</a></li>
    <li><a href="#">Something else here</a></li>
    <li role="separator" class="divider"></li>
    <li><a href="#">Separated link</a></li>
  </ul>
</div>

---

您可以使用Bootstrap的下拉菜单来尝试，并使用overflow-y:scroll或auto将理想的高度设置为ul元素

<!-- Single button -->
<div class="btn-group">
  <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Select Operator<span class="caret"></span>
  </button>
  <ul class="dropdown-menu">
    <li><a href="#">Action</a></li>
    <li><a href="#">Another action</a></li>
    <li><a href="#">Something else here</a></li>
    <li role="separator" class="divider"></li>
    <li><a href="#">Separated link</a></li>
  </ul>
</div>

也许这对你有帮助

#extrusion-modal .modal-body{
    overflow: hidden
}

也许这对你有帮助

#extrusion-modal .modal-body{
    overflow: hidden
}

---

---

我以前没用过modal body，但是你还需要一个row div吗？我想这会把填充物分类的。不。行不包含任何模态体或其他内容，可能有默认的溢出，如果您将其更改为overflow:auto，则不应弹出该内容。但是，如果它仍然弹出，那是因为扩展部分设置为display:fixed，您对此无能为力。我检查了chrome dev上的每个元素，没有dispay fixed，我会做很多测试。试着在有边框的模态体中放置一个，然后将其设置为100%的高度和宽度，看看它占用了多少空间。然后把你选择的东西放到div中，看看会发生什么。也许会更新你的结果。我以前没有用过modal body，但是你不是还需要一个row div吗？我想这会把填充物分类的。不。行不包含任何模态体或其他内容，可能有默认的溢出，如果您将其更改为overflow:auto，则不应弹出该内容。但是，如果它仍然弹出，那是因为扩展部分设置为display:fixed，您对此无能为力。我检查了chrome dev上的每个元素，没有dispay fixed，我会做很多测试。试着在有边框的模态体中放置一个，然后将其设置为100%的高度和宽度，看看它占用了多少空间。然后把你选择的东西放到div中，看看会发生什么。也许会更新你的结果。设定什么高度？我需要一个大字体的触摸屏显示高度的下拉。我看到您正在使用引导。检查下拉列表并相应地调整下拉列表的高度。我检查了其他使用纯CSS但没有任何框架的页面，并访问了一些带有select标签的网站。所有选择重叠父div。我认为没有办法将其保留在父div内。如果…您可以尝试使用引导下拉列表，那就好了。用解释更新了我的答案。你可以参考此了解更多解释。设定什么高度？我需要一个大字体的触摸屏显示高度的下拉。我看到您正在使用引导。检查下拉列表并相应地调整下拉列表的高度。我检查了其他使用纯CSS但没有任何框架的页面，并访问了一些带有select标签的网站。所有选择重叠父div。我认为没有办法将其保留在父div内。如果…您可以尝试使用引导下拉列表，那就好了。用解释更新了我的答案。你可以参考此了解更多解释。