2012-10-18 60 views
2

您好,我的名字是肖恩,無法在選擇框中選項卡它

我正在編寫自定義網站。我建立了一個聯繫表單,並使用SelectBoxIt(http://gregfranko.com/jquery.selectBoxIt.js/)來實現我的下拉功能。我有幾個輸入字段,兩個按鈕和一個選擇框(下拉菜單)。我的表單工作完美,我的問題是與TabIndex。我在每個輸入中都有正確的tabindexs編碼,但是當我選擇到選擇框時,它會被忽略。

這是頁面:http://www.lightupco.com/contact.htm 注意:您必須單擊信封/筆圖標以顯示窗體。

我從研究具有類似問題的論壇中得到的唯一線索是否與底層UL有關,會拋出Tab鍵索引。

我不確定我的頁面上包含哪些代碼以包含在此處,以獲取有關此問題的幫助?

+0

我剛剛更改爲選項卡索引爲2,它的工作。 –

+0

tabindex也可以工作,也適用於您的選擇框。我試過它進入IE8,FF3.6.28,Safari。 – reporter

+0

@Saul,SelectBox的tabindex已經是2了? –

回答

1

Hey Shane我寫了SelectBoxIt。您的選擇框tabindex被忽略的原因是因爲SelectBoxIt隱藏了原始選擇框並將其替換爲更易於樣式化的新HTML(div元素)。因此,tabindex屬性沒有在可見的下拉菜單(div元素)上設置,只有隱藏的選擇框。

如果您不介意在Github上創建問題,我很樂意爲SelectBoxIt添加一個功能,該功能將原始選擇框中的任何tabindex屬性複製到新的可見下拉列表中。這應該可以解決你的問題。

+0

是的!謝謝格雷格,我會盡力的。不錯的工作順便說一句SelectBoxit :) –

+0

該功能現在已被添加:https://github.com/gfranko/jquery.selectBoxIt.js/issues/30 –

0

選擇框的索引號爲0.如果在Name:輸入中單擊,則索引爲1,因此,索引號錯誤。

爲什麼要使用tabindex呢? -.-

+0

thanx重播掃羅。我使用Tabindex是因爲我的客戶希望能夠按照邏輯順序選擇所有字段,當然。我嘗試將選擇框更改爲tabindex 0(如您所建議的),並將名稱輸入更改爲「-1」,其餘按正確順序更改。嘗試 - 它會將我從名稱輸入正確選項卡選擇到選擇框,但它之後不會選中任何內容。所以它不會修復它給SelectBox一個索引「0」..除非我忽略了一些東西。 –

+0

您已經在使用JavaScript構建(或管理)表單,有沒有可以幫助您的插件或JavaScript庫? –

+0

謝謝你的回覆掃羅。我想出了一個解決方法。首先,我從表單元素中刪除所有Tabindex,然後將Tabindex =「 - 1」添加到2個表單按鈕中,這樣就可以完全將它們從標籤序列中取出。這種方式按照邏輯順序選項卡,唯一的缺點是你不能在地址字段之後選擇'發送'按鈕,但這看起來很好。 ;)www.lightupco.com/contact.htm –