0

我试图让一个<datalist>元素列出两个“<select>一个水果”元素的水果。

给定html：

Select one fruit: <select type="text" name="fruit1" list="fruits"></select>
Select a second fruit: <select type="text" name="fruit2" list="fruits"></select>

<datalist id="fruits">
    <option value="Blackberry">Blackberry</option>
    <option value="Blackcurrant">Blackcurrant</option>
    <option value="Blueberry">Blueberry</option>
    <!-- … -->
</datalist>

包含第二个<select> 破坏我的代码（小提琴演示）。如何处理以使它们都在相同的数据列表（或类似的值列表）上工作。

编辑： <select />更正为<select></select>（@richard）

4

2 回答 2

1

您的样本存在许多故障：

  1. datalist在内部input，而不是与select（来源）
  2. select元素不能自动关闭：
    • 错误的：<select id='fruits' />
    • 正确的：<select id='fruits'></select>

因此，您可以通过为选择元素提供关闭标签来使两个选择都出现在您的小提琴中，但它们将为空，因为 datalist 仅适用于输入元素。

离题，但对于使用引导格式，该<label>元素应位于该<div class="controls">部分之前。

于 2013-05-25T16:55:27.547 回答
-1

多个属性正在工作......但只有输入类型=“电子邮件”并且仅在少数浏览器中（希望很快会出现更多）->使用 datalist 进行多项选择

于 2014-10-15T09:47:25.843 回答