javascript - 如何打开一个弹出文本框要求用户提交评论？

Question

我的元素中有以下下拉列表:

<div class="dropdown">
    <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Select subject
        <span class="caret"></span>
    </button>
         <ul class="dropdown-menu">
              <li class="rem"><a href="#">CS 520</a></li>
              <li class="rem"><a href="#">CS 530</a></li>
              <li class="rem"><a href="#">CS 571</a></li>
              <li class="rem"><a href="#">CS 575</a></li>

         </ul>
</div>

当我点击任何 li 时，我想弹出(不是提醒)一个包含文本区域(用于提交评论)和提交、取消和重置按钮的框。

我无法使用 JavaScript(或 jQuery)解决这个问题。有什么办法可以实现吗？我可以找到一些人举例说明他们用警报解决类似的问题，但我需要用一个简单的弹出框来完成。关于这个 link 有一些类似问题的解决方案;但是我猜 JS 代码太复杂了。谢谢

Answer 1

https://www.w3schools.com/bootstrap/bootstrap_modal.asp

检查这个并修改列表的代码