html選擇下拉列表的行爲不一致

我寫了一個javascript生成的網頁，可以從課程頁面打開，爲中文學生提供交互式flashcard練習。它在一個（現在已棄用的！）框架集頁面上運行，其中三個「列」具有框架頁面，其中第二個和第三個框架頁面是通過JavaScript在第一個框架頁面上實時寫入的。每個第二個和第三個框架頁面都有一個html選擇下拉菜單，用相同結構的代碼編寫。但是，雖然第三個框架頁面中的下拉菜單顯示爲一個垂直滾動條，但第二個框架頁面（a）中的下拉菜單沒有滾動條，並且（b）「下降」（在Linux平臺上的Firefox中）以延伸到主瀏覽器窗口的頂部邊緣，使得下拉列表的頂部不可訪問。含有選擇標記的HTML形式的結構是：html選擇下拉列表的行爲不一致

<form> 
    <select size="1" name="sel_py" id="sel_py"> 
    <option class="lucidasansu" value="">CHOOSE</option> 
    <option class="lucidasansu" value="er4">èr</option> 
    <option class="lucidasansu" value="hang2">háng</option> 
    <option class="lucidasansu" value="hao3">hǎo</option> 
    .... 
    <option class="lucidasansu" value="ye3">yě</option> 
    <option class="lucidasansu" value="yi1">yī </option> 
    </select> 
    <span id="py_butt"><input type="button" name="py_button" value="CHECK" onClick="test_py(this.form.sel_py.value)"></span> 
</form>

的標籤沒有「動作」的值，因爲的onClick對鑑定爲py_button按鈕效果的組框的網頁的內工作，以檢查有效性並且在第一次選擇成功後在第三幀頁面上顯示類似的按鈕。

我已經檢查了W3C標記驗證程序的第二個和第三個框架頁面的代碼，並且他們僅檢出了一些次要警告，因此我不知道爲什麼兩個顯然具有相同結構的下拉列表應該有這種不同的表演。

來源

2012-08-01 Peter N

如果可能，您應該發佈一個URL。它很難遵循你所問的。或者也許重新說出你的問題。 – 2012-08-02 02:32:06

克里斯，我已經保存了顯示的頁面，你可以在URL http://www.skogen.co.uk/frametest找到它在左邊框顯示的字符有拼音'háng'和它的關鍵字是'business'，所以你應該能夠使頁面工作，儘管因爲它只是一個保存的版本，所以最後點擊'NEXT'不能正常工作。 – 2012-08-02 10:45:57

我不確定我看到了同樣的問題，你看到...你能夠上傳屏幕截圖嗎？當我點擊下一頁時，我會在頁面左側獲得一個約200px寬的小型iFrame。 iFrame應該更大嗎？ – 2012-08-02 14:25:47

所以這是非常奇怪的。似乎沒有任何加載的CSS，所以這可能是問題的一部分，但我認爲<frame>與HTML5可能是問題的根源。。

will <frameset> work with HTML5?

當螢火蟲亂搞我設法加入這個CSS來選擇標籤得到它做下拉在正確的方向。所以我認爲它可以用一些CSS作爲快速修復來解決。但就像我之前提到的那樣。我在考慮使用框架和HTML5可能是根本原因。

#sel_py { 
    display: block; 
    height: 24px; 
}

另請注意：我無法更多的高度增加了選擇沒有它再被搞砸了。

這可能不是您在哪裏尋找的答案。但我希望這有助於。

來源

2012-08-03 04:54:01

克里斯：呃，我已經嘗試過幾乎所有的東西，包括使用HTML 4.01 Transitional的doctype來給我儘可能多的肘部空間，但是兩個下拉菜單之間的差異仍然存在！我的快速和骯髒的解決方法是在javascript window.open中設置'top'值，從而將flashcard窗口創建爲零。這在顯示器上看起來不太平衡，但至少會迫使第一個菜單關閉！我現在的首要任務是讓內容進入我的網站，所以快速和骯髒的修復程序將不得不爲目前做。不過，感謝您對此主題的意見 – 2012-08-03 22:01:59

html選擇下拉列表的行爲不一致

回答

相關問題