光標在光標上移動時如何使列表中的項目自動顯示？

Question

我已經使用「選項」在「選擇」標記作出下拉列表。現在我想讓選項在下拉列表中顯示，而無需點擊選項菜單。我該怎麼做？

<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