Question

我在＆＃34;选择＆＃34; 标记中使用＆＃34;选项＆＃34; 制作了下拉列表。现在我希望选项显示在下拉列表中而不点击选项菜单。我该怎么办？

<select class="dropdown" tabindex="8" name="navyOp" onchange="test(this);" data-settings='{"wrapperClass":"metro"}'>
    <option value="1">Student Of the year</option>
    <option value="2">jab tak hai jaan</option>
    <option value="3">3 Idiot</option>
    <option value="3">Chennai express</option>
</select>

Answer 1

您可以通过将selected关键字添加到<option>元素之一来设置下拉框的默认值：

<select class="dropdown" tabindex="8" name="navyOp" onchange="test(this);" data-settings='{"wrapperClass":"metro"}'>
    <option value="1" selected>Student Of the year</option>
    <option value="2">jab tak hai jaan</option>
    <option value="3">3 Idiot</option>
    <option value="3">Chennai express</option>
</select>

如果您使用此代码，将自动选择选项1.

有关详细信息，请查看at this page。

Answer 2

您可以通过在CSS中使用悬停（意味着将鼠标光标放在菜单上而不是单击菜单上）来实现此目的。这是教程的链接。

https://www.youtube.com/watch?v=yz8dZsmLHQo

如何在光标移动时自动显示列表中的项目？

2 个答案: