SmartStore风格的下拉列表

时间:2014-02-11 04:48:29

标签: jquery css twitter-bootstrap

我不是自然界的设计师。我是一名开发人员,主要编写代码并从事MVC项目。

我正在尝试按照屏幕截图在MVC中创建简单的下拉列表。

SmartStore dropdownlist

可以在SmartStore frontend register查看下拉列表。源代码和设计可在SmartStore Codeplex releases获得,他们使用Bootstrap和MVC以及CSS。

我尽力找到制作下拉列表以显示月份名称的脚本。但无法找到它。我可以使用他们的源代码复制设计,但不能在我自己的网站上复制功能。

您能否指导我如何设计具有相同功能的相同样式的下拉列表?

1 个答案:

答案 0 :(得分:2)

您可以使用select2库。

一个例子:

<head>
    <link href="select2.css" rel="stylesheet"/>
    <script src="select2.js"></script>
    <script>
        $(document).ready(function() { $("#e1").select2(); });
    </script>
</head>
<body>
    <select id="e1">
        <option value="AL">Alabama</option>
        ...
        <option value="WY">Wyoming</option>
    </select>
</body>