使用select2的多個選擇框（葯盒）

Question

我使用select2選擇多選項（葯盒）。 使用上面的代碼只給我一個基本的下拉框。 問：我無法獲得用戶可以輸入的搜索框。 感謝您花時間查看我的查詢！ 這是代碼。

<html>
<head>
<title>multiple select</title>
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
</head>

<body>Multiple select example
    <div class="selectRow">
        <!-- Using data-placeholder below to set place holder value versus putting in configuration -->
        <select id="multipleSelectExample" data-placeholder="Select an option" multiple>
            <option value="1">Option 1</option>
            <option value="2">Option 2</option>
            <option value="3">Option 3</option>
            <option value="4">Option 4</option>
            <option value="5">Option 5</option>
        </select>
    </div>
</body>
<script>
$(document).ready(
    function () {
        $("#multipleSelectExample").select2();
    }
);
</script>

Answer 1

請嘗試以下我認為您需要在select2之前放置jQuery腳本標記。 而且我認為你需要使用更新版本的jQuery。

<html>
<head>
    <title>multiple select</title>
    <script src="https://code.jquery.com/jquery-3.4.0.js"></script>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script>
</head>

<body>
<p>Multiple select example</p>
<div class="selectRow">
    <!--     Using data-placeholder below to set place holder value versus putting in configuration-->
    <select class="" id="multipleSelectExample" data-placeholder="Select an option" multiple="">
        <option value="1">Option 1</option>
        <option value="2">Option 2</option>
        <option value="3">Option 3</option>
        <option value="4">Option 4</option>
        <option value="5">Option 5</option>
    </select>
</div>
</body>
<script>
    $(document).ready(
        function () {
            $('#multipleSelectExample').select2();
        }
    );
</script>
</html>

使用select2的多個選擇框（葯盒）

問題描述

1 個解決方案

解決方案1
0 2019-04-23 15:34:56

使用select2的多個選擇框（葯盒）

問題描述

1 個解決方案

解決方案1 0 2019-04-23 15:34:56

解決方案1
0 2019-04-23 15:34:56