Question

我想将cleartool lsstream -fmt "%n" -cview字段与select一起用作multiple的常见下拉字段：

size=1

为什么此代码不显示下拉列表的箭头？

谢谢！

Answer 1

A similar question was asked here

如果您能够将外部库添加到项目中，可以尝试Chosen

以下是一个示例：

$(".chosen-select").chosen({
  no_results_text: "Oops, nothing found!"
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.rawgit.com/harvesthq/chosen/gh-pages/chosen.jquery.min.js"></script>
<link href="https://cdn.rawgit.com/harvesthq/chosen/gh-pages/chosen.min.css" rel="stylesheet"/>

<form action="http://httpbin.org/post" method="post">
  <select data-placeholder="Begin typing a name to filter..." multiple class="chosen-select" name="test">
    <option value=""></option>
    <option>American Black Bear</option>
    <option>Asiatic Black Bear</option>
    <option>Brown Bear</option>
    <option>Giant Panda</option>
    <option>Sloth Bear</option>
    <option>Sun Bear</option>
    <option>Polar Bear</option>
    <option>Spectacled Bear</option>
  </select>
  <input type="submit">
</form>

我遇到过一件事，你必须在包含Chosen之前加入JQuery，否则你会收到错误。

Answer 2

使用1号进行多重选择是非常不切实际的。想一想。我在这里做了一个小提琴：https://jsfiddle.net/wqd0yd5m/2/

spot.zones.splice(index,1);

尝试探索其他选项，例如使用复选框来实现目标。

Answer 3

因为你正在使用多个。尽管它在技术上仍然是一个下拉列表，但它看起来或行为并不像标准下拉列表。相反，它填充一个列表框，让他们选择多个选项。

大小确定在必须单击或向上查看其他选项之前显示的选项数。

我觉得你想要实现的只是使用JavaScript插件才能实现。

一些例子：

jQuery multiselect drop down menu

http://labs.abeautifulsite.net/archived/jquery-multiSelect/demo/

Answer 4

这是 <select> 的 documentation。您正在使用 2 个属性：

<块引用>

多个
此布尔属性表示可以在列表中选择多个选项。如果未指定，则一次只能选择一个选项。 当指定多个时，大多数浏览器将显示一个滚动列表框而不是单行下拉。

<块引用>

尺寸
如果控件显示为滚动列表框（例如指定多个时），则该属性表示列表中一次应该可见的行数强>。浏览器不需要将选择元素呈现为滚动列表框。默认值为 0。

如文档中所述。 <select size="1" multiple> 将呈现列表框仅1 行可见和滚动条。所以你失去了带有 multiple 属性的下拉/箭头。

Answer 5

你可能需要一些像Jquery multiselect下拉列表这样的插件。这是demo。

您还需要关闭这样的选项标签：

<select name="test" multiple>
    <option>123</option>
    <option>456</option>
    <option>789</option>
</select>

<强> JSFIDDLE DEMO

Answer 6

$(".chosen-select").chosen({
  no_results_text: "Oops, nothing found!"
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.rawgit.com/harvesthq/chosen/gh-pages/chosen.jquery.min.js"></script>
<link href="https://cdn.rawgit.com/harvesthq/chosen/gh-pages/chosen.min.css" rel="stylesheet"/>

<form action="http://httpbin.org/post" method="post">
  <select data-placeholder="Begin typing a name to filter..." multiple class="chosen-select" name="test">
    <option value=""></option>
    <option>American Black Bear</option>
    <option>Asiatic Black Bear</option>
    <option>Brown Bear</option>
    <option>Giant Panda</option>
    <option>Sloth Bear</option>
    <option>Sun Bear</option>
    <option>Polar Bear</option>
    <option>Spectacled Bear</option>
  </select>
  <input type="submit">
</form>

Answer 7

    <select name="select_box"  multiple>
        <option>123</option>
        <option>456</option>
        <option>789</option>
     </select>

HTML：选择多个作为下拉列表

7 个答案: