代码之家 › 专栏 › 技术社区 › Deba

语义界面:下拉框无法选择多个选项

semantic-ui frontend drop-down-menu

0

Deba · 技术社区 · 7 年前

我正在尝试实现一个模式,它在语义用户界面中包含一个下拉框。用户应该能够从下拉框中选择多个选项。不幸的是,下拉框只显示最后选择的选项作为选择的选项。这是我的完整代码:

<html>
    <head>
    <meta charset="utf-8" />
    <title>Semantic UI</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/1.11.8/semantic.min.css"/>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/1.11.8/semantic.min.js"></script>
</head>
    <body>

        <div class="ui container">
            <div class="ui modal">
                <i class="close icon"></i>
                <div class="header">

                   Modal panel !!!

                </div>
                    <div class="content">
                        <div class="ui container">
                            <select name="categories" multiple="" id="categories" class="ui fluid dropdown">
                               <option value="">Categories</option>
                               <option value="arts">Arts</option>
                               <option value="business">Business</option>
                               <option value="campus">Campus & Alumni</option>
                            </select>  
                        </div>      
                    </div>    

            </div>  
        </div>

        <script>
            $('.ui.modal').modal('show');
            $('#categories').dropdown();
        </script>

    </body> 
</html>

1 回复 | 直到 7 年前

1

Morrolan 7 年前