1

编辑： 我已经弄清楚我的问题是针对这个特定问题的。

解决方案：对于这个特殊问题，我遇到了权限问题。由于我将 selected 和 select2 项目文件夹直接复制到我的应用程序中，显然权限不正确。解决方案是在开发时在项目中创建插件文件，或者在终端中执行 “chmod 0755 -R select2/” ，因为您使用的是 *nix 机器。就是这样。selected 和 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>
4

1 回答 1

0

我在这方面遇到了很多麻烦，但设法让它工作。我的代码和你的代码之间的差异：

我的文档准备功能在我的脑海中，而不是我的身体中，我也只有 $("#e1").select2(); 没有内在功能。

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

最后对于 select2 你放了 multible 而不是 multiple

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

希望这可以帮助

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

于 2012-11-17T15:16:43.957 回答