Question

修改我已经弄清楚我的问题是针对这个问题。

解决方案：对于这个特殊问题，我有权限问题。由于我将selected和select2项目文件夹直接复制到我的应用程序中，显然权限不正确。解决方案是在开发过程中在项目中创建插件文件，或者在终端中执行'chmod 0755 -R select2 /'，因为您正在使用* nix机器。就是这样。选择和select2之间没有任何冲突问题或类似之处。

原帖：

我正在尝试使用Select2创建一个干净的多值选择框。我已经尝试了Select2和Chosen.js，结果是一样的。该框无法正确显示。它会显示一个旧式丑陋的多选框，就好像没有涉及任何javascript一样。

以下是显示其显示方式的图片：http://d.pr/i/bUa5

我想要的是一个多选框，就像这个论坛中的那个。

希望有人可以提供帮助吗？

这是我的测试代码：

<!doctype html>
<head>
<title>Select2 Example</title>
<link href="select2.css" rel="stylesheet"/>
<link rel="stylesheet" href="chosen/chosen.css">
</head>
<body>
<form>

    <select id="e1" multible>
        <option value="AL">Alabama</option>
        <option value="AR">Arizona</option>
        <option value="CA">California</option>
        <option value="WS">Wisconsin</option>
        <option value="NY">New York</option>
        <option value="TX">Texas</option>
        <option value="OR">Orlando</option>
    </select>

        <select id="chzn-select" data-placeholder="Choose a country..." style="width:350px;" multiple class="chzn-select" tabindex="4">
        <option value="AL">Alabama</option>
        <option value="AR">Arizona</option>
        <option value="CA">California</option>
        <option value="WS">Wisconsin</option>
        <option value="NY">New York</option>
        <option value="TX">Texas</option>
        <option value="OR">Orlando</option>
    </select>
</form> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="select2.js"></script>
<script src="chosen/chosen.jquery.js"></script>

<script>

    $(".chzn-select").chosen();

    $(document).ready(function() { $("#e1").select2(function() {
        placeholder: "Select State"
    }); });
</script>
</body>

Answer 1

我遇到了很多麻烦，但设法让它运转起来。我和我的代码之间的差异：

我的文档就绪功能在我脑海中，而不是我的身体，我只有$（“＃e1”）。select2（）;没有内在的功能。

您是否尝试过在浏览器中运行，右键单击并选择查看源并打开.js和.css文件以确保它们对您的HTML可见？

最后，对于select2，你已经放了多个而不是多个

我选择了binn，因为我无法让它工作，但选择2是建立在它上面所以我会去那。此外，由于它们是相互建立的，这可能会导致一些冲突，所以我会摆脱选择并试试。

希望这有帮助

ps：我已经用这种方式实现了它，但是现在当我从多个选择中删除选项时，它们已从我的下拉选项中消失，无法重新添加。这方面的例子不是很直接，希望这个有用的添加有一些简单的例子！

选择2多值选择框未正确显示

1 个答案: