2012-11-17 72 views
1

编辑: 我已经想出了我的问题是什么这个问题。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> 

回答

0

我已经与这个麻烦的负荷,但设法得到它的工作。 我的代码和你的区别:

我的文档就绪函数在我的脑海中,而不是我的身体,也只有$(“#e1”)。select2();没有内在的功能。

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

最后的选择2,因为我不可能得到它的工作,但选择2是建立在,所以我会去的,你已经把multible而不是多个

我分级选择。另外,因为他们彼此建立,这可能会导致一些冲突,所以我会摆脱选择并尝试。

希望这有助于

PS:我已经这样实行,但现在,当我从多选删除选项,它们是从我的下拉选择消失,且无法重新添加。这个例子并不是非常简单,希望有一些简单的例子来说明这个有用的附加功能!

+0

感谢您的反馈。我已经知道我的问题是什么,我将编辑我的帖子,以显示解决方案:) –

+0

这很酷,现在你有它的工作,你遇到我说什么?如果您选择一个选项然后将其删除,那么您不能重新选择它吗?很高兴知道这个问题是否在我的实施中发生 – FredoAF