Question

我需要一个组件，我可以在其中选择选项，同时点击选择或＆gt;＆gt;签名它将出现在另一个框中。我不知道这叫什么，怎么做。另请查看以下图片： Need such component

Answer 1

您必须在jQuery使用多选。 Good tutorial for this

使用此HTML代码创建您的用户界面：

<html>
  <head>
    <link href="path/to/multiselect.css" media="screen" rel="stylesheet" type="text/css">
  </head>
  <body>
    <select multiple="multiple" id="my-select" name="my-select[]">
      <option value='elem_1'>elem 1</option>
      <option value='elem_2'>elem 2</option>
      <option value='elem_3'>elem 3</option>
      <option value='elem_4'>elem 4</option>
      ...
      <option value='elem_100'>elem 100</option>
    </select>
    <script src="path/to/jquery.multi-select.js" type="text/javascript"></script>
  </body>
</html>

然后使用这个jQuery：

<强> .multiSelect（选项）

$('#my-select').multiSelect()

.multiSelect（＆＃39;选择＆＃39;，字符串|数组）

$('#your-select').multiSelect('select', String|Array);

.multiSelect（＆＃39;取消选择＆＃39;，字符串|数组）

$('#your-select').multiSelect('deselect', String|Array);

<强> .multiSelect（＆＃39; SELECT_ALL＆＃39）

$('#your-select').multiSelect('deselect_all');

<强> .multiSelect（＆＃39; deselect_all＆＃39）

$('#your-select').multiSelect('select_all');

<强> .multiSelect（＆＃39;刷新＆＃39）

$('#your-select').multiSelect('refresh');

即使链接不起作用，此代码也会对您有所帮助。快乐的编码。

需要一个方框，然后选择并点击“＆gt;＆gt;”转到下一个框

1 个答案: