Foundation 4自定義下拉菜單沒有綁定數據

Question

我已經在我使用的表單中實現了Foundation 4下拉菜單。

自定義下拉菜單沒有綁定到我點擊的項目的相應值。

在4個標籤列表中的第一項將被正確地選擇，但是當你點擊或選擇將其綁定到第二次，其他的都會綁定到面前的項目...

Binds to option 1 - <li class="">Mr</li> 
Binds to option 1 - <li class="">Mrs</li> 
Binds to option 2 - <li class="">Miss</li> 
Binds to option 3 <li class="">Ms</li> 

1 - <option value="Mr">Mr</option> 
2 - <option value="Mrs">Mrs</option> 
3 - <option value="Miss">Miss</option> 
4 - <option value="Ms">Ms</option> 

奇怪正確的項目。

我複製了幾個測試結果相似。

有沒有人遇到類似的東西？

Answer 1

如果您真的使用Zurb Foundation下拉元素，那麼使用Zurb的語法創建下拉菜單將是明智之舉。通常，這是應該用於下拉按鈕的語法：

<a href="#" data-dropdown="drop" class="button dropdown">Dropdown Button</a><br> 
<ul id="drop" data-dropdown-content class="f-dropdown"> 
    <li><a href="#">This is a link</a></li> 
    <li><a href="#">This is another</a></li> 
    <li><a href="#">Yet another</a></li> 
</ul> 

或爲基本下拉控件：

<a href="#" data-dropdown="drop1">Has Dropdown</a> 
<ul id="drop1" class="f-dropdown" data-dropdown-content> 
    <li><a href="#">This is a link</a></li> 
    <li><a href="#">This is another</a></li> 
    <li><a href="#">Yet another</a></li> 
</ul> 
<a href="#" data-dropdown="drop2">Has Content Dropdown</a> 
<div id="drop2" data-dropdown-content class="f-dropdown content"> 
    <p>Some text that people will think is awesome! Some text that people will think is awesome! Some text that people will think is awesome!</p> 
</div> 

更多的文檔可以在Zurb基金會網站上找到：http://foundation.zurb.com/docs/components/dropdown_buttons.html http://foundation.zurb.com/docs/components/dropdown.html

如果我沒有回答你的問題或者誤解了你的問題，或者你認爲這是基金會圖書館的一個錯誤，我也建議升級到Foundation5（這是最近發佈的最新版本）。

我希望這會有所幫助。如果我誤解了或可以進一步幫助，請告訴我。

-Mike