如何打開一個彈出的文本框，要求用戶提交評論？

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）弄清楚這一點。 有什么辦法可以實現？ 我可以找到一些人舉一些例子，他們用警報來解決類似的問題，但是我需要用一個簡單的彈出框來解決。 該鏈接上有一些類似的問題的解決方案； 但是我猜JS代碼太復雜了。 謝謝

Answer 1

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

檢查並修改列表代碼

Answer 2

檢查此代碼並進行相應更正，如果將單擊任何li彈出對話框，則會打開。

<!DOCTYPE html>
<html>
<head>
    <title>Test</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
    <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
</head>
<body>

    <div data-role="page" id="page">
        <div data-role="header">
             <h3>Header</h3>
        </div>
        <div data-role="content">
            <!-- content -->
            <ul data-role="listview" id="list">
                <li data-role="list-divider">Group 1</li>
                    <li data-icon="false"><a href="#" data-id="1">List 1a</a></li>
                    <li data-icon="false"><a href="#" data-id="2">List 1b</a></li>

                     <li data-role="list-divider">Group 2</li>
                    <li data-icon="false"><a href="#" data-id="3">List 2a</a></li>
            </ul><!-- /content -->
        </div>
        <!-- popup-menu -->
        <div data-role="popup" id="popup-menu">
            <ul data-role="listview" style="min-width:210px;">
                <li data-role="divider">Choose an action</li>
                    <li><a id="details" href="#">View details</a></li>
                    <li><a id="share" href="#">Share</a></li>
            </ul>
        </div><!-- /popup-menu -->
    </div>

    <script>

    var currentId = 0;
    var baseURL = "person.php?id=";

    $('#page').on('pageinit', function(){
        $('#list li a').click(function(e){
            e.preventDefault();
            currentId = $(this).attr("data-id");
            $("#popup-menu").popup("open", {transition:"slideup"} );
        });
    });

    $('#popup-menu').on('popupbeforeposition', function(){
        $("#details").attr("href", baseURL + currentId);
    });

    </script>
</body>
</html>

要獲得更多支持和幫助，請在jsFidle中提供此鏈接，以單擊此處1或在此處檢查鏈接2
檢查這些鏈接以打開您的彈出窗口及其工作方式

如何打開一個彈出的文本框，要求用戶提交評論？

問題描述

2 個解決方案

解決方案1
0 2017-11-28 04:49:35

解決方案2
0 2017-11-28 05:15:47

如何打開一個彈出的文本框，要求用戶提交評論？

問題描述

2 個解決方案

解決方案1 0 2017-11-28 04:49:35

解決方案2 0 2017-11-28 05:15:47

解決方案1
0 2017-11-28 04:49:35

解決方案2
0 2017-11-28 05:15:47