编辑: 我已经想出了我的问题是什么这个问题。Select2多值选择框显示不正确
解决方案:对于这个问题,我有权限问题。由于我将选定的和select2项目文件夹直接复制到我的应用程序中,显然权限不正确。解决方案是在开发过程中在您的项目中创建插件文件,或者在您使用* nix机器的情况下在终端中执行“chmod 0755 -R 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>
感谢您的反馈。我已经知道我的问题是什么,我将编辑我的帖子,以显示解决方案:) –
这很酷,现在你有它的工作,你遇到我说什么?如果您选择一个选项然后将其删除,那么您不能重新选择它吗?很高兴知道这个问题是否在我的实施中发生 – FredoAF