-1

我有一个简单的城市下拉菜单，我想在其中使用多项选择选项。为此，我使用了 select 标签的多个属性，但通过使用它，下拉列表被转换为带有多个选择选项的框形区域。我想要的是下拉外观应该保持原样，即单击选择下拉应该出现，并且在其中我可以使用多个城市与 CTRL 并且其值将在 php 脚本中使用。我已经看到了多个 jquery 脚本，但我想知道是否有一些简单的方法可以做到这一点，而不是使用任何 jquery 或其他东西。有没有更简单的方法呢？？？

4

3 回答 3

0

请尝试以下代码：

<select id="city" multiple="multiple" name="city[]">
    <option>hawaii</option>
    <option>michigan</option>
    <option>southfield</option>
</select>

并且您在 php 中获得多个城市值

echo $_POST['city'];
于 2013-03-09T07:04:00.233 回答
0

原则上，size=1属性 inselect会告诉浏览器只显示一个选项，您可以使用脚本来更改size属性的值以创建下拉效果。在实践中，它大多不起作用。

一种更实用的方法是select最初设置元素的高度，然后在鼠标悬停和聚焦时更改高度。不幸的是，浏览器行为在调整元素大小方面并不一致，但结果可能是可以容忍的。请注意，选项中的字体大小默认会减小，因此调整大小有点棘手。在此示例中，我只是将字体大小设置为 100%，以便em可以以简单的方式使用该单位：

option { height: 1.3em; font-size: 100%; }
select { height: 1.3em; font-size: 100%;  }
select:hover, select:focus { height: 13em; }

结果在某些浏览器上有点太小，在某些浏览器上有点太大，IE 没有显示任何箭头来表明它确实是一个下拉菜单。

于 2013-03-09T08:37:22.357 回答
0

HTML 下拉菜单是这样制作的，不允许多项选择，但您可以使用一些像这样的 jquery 插件来做到这一点，它比自己创建这样的插件要简单得多。

于 2013-03-09T08:32:14.940 回答