在設計介面的時候，我們經常會用到類似於列表框、組合框之類的控制項，他們可以顯示一系列的選項。但有乙個常見的問題就是：如果列表項的文字長度超過了控制項的寬度，那麼就只能看到一部分內容。針對這個問題，該如何解決了？
我們分別以windows程式和web程式為例來講解（前提是，組合框的寬度不允許放大）
下面這個圖演示了如果列表項的文字寬度不大於控制項寬度時的樣子，這是正常的
下面這個圖演示了如果列表項的文字寬度大於控制項寬度時的樣子，這時會有一部分文字是看不到的
那麼如何解決這個問題呢？我們一般比較簡單的做法是設定控制項的乙個特殊的屬性：dropdownwidth，例如
這樣的話，再執行視窗的時候，就看到了如下的效果
根據經驗，我們覺得實現了如上效果，絕大多數情況下使用者能感覺到更加舒適。但是同樣的需求，換到web程式裡面就沒有那麼簡單了，因為web頁面到了客戶端瀏覽器的時候全部是html標記。而且也找不到那個所謂的dropdownwidth屬性了。
比較好的思路是用tooltip來幫助使用者了解到當前這一行的全部內容。
window.onload = showdropitem;
function showdropitem()
{var el = document.getelementsbytagname("select");
for(i=0;i第二步：在需要該效果的頁面的head裡面新增以下引用
然後，你就可以看到下面這樣的效果
可輸入的Web下拉列表框控制項
vs2005提供的web下拉列表框 不支援輸入，只能選擇，我們可以繼承該控制項來支援輸入功能，實現的原理很簡單，就是增加乙個textbox控制項疊加在下拉列表框上，客戶端通過指令碼來同步這兩個控制項的值，先看看服務端 using system using system.collections.gen...
如何設定select下拉列表框的跳轉超級鏈結
如何設定select下拉列表框的跳轉超級鏈結 請選擇站點 河南省人民醫院 選擇 東軟集團 醫療系統 it教育與培訓 顯然我那樣寫是有錯誤的，沒有指令碼語言無法實現自動跳轉。於是我進行修改，如下 請選擇站點 河南省人民醫院 http www.zzwy.com 鄭州市第五人民醫院 http www.zt...
HTML層與下拉列表框衝突的解決方法
by 空空 on july 16,2004 12 34 pm permalink comments 0 在公司裡做提示語 hint 模組的時候，遇到了乙個問題 在網頁最上面加入乙個層，但是顯示的時候會被後面的下拉列表框擋住，見下圖 其實出現這個問題的主要原因是因為層與下拉框之間的優先順序是 下拉框 ...