1. 程式人生 > >HTML中下拉框寬度固定,但是option有很長的時候

HTML中下拉框寬度固定,但是option有很長的時候

要用ajax做個兩級聯動的下拉框,第二個框有時候內容太長會自動變長,但是頁面的就變很難看

遇到這麼個問題,在html實際採用select是解決不了問題的

還好我們可以曲線救國:

<span>
 <input name=iData size=10><input type=button onclick=showSel(true) value=v>
 <br><select id=qswh size=10 style=position:absolute;display:none onchange=selText(iData)>
 <option>1
 <option>12
 <option>123
 <option>1234
 <option>12345
 <option>123456
 <option>1234567
 <option>12345678
 <option>123456789
 <option>1234567890
 <option>12345678909
 <option>123456789098
 <option>1234567890987
 <option>12345678909876
 <option>123456789098765
 <option>1234567890987654
 <option>12345678909876543
 <option>123456789098765432
 <option>1234567890987654321
 </select>
 </span>ttt
 <script>
 function document.onclick(){
 showSel(false)
 }
 function showSel(flag){
 document.all.qswh.style.display=(flag?"block":"none")
 window.event.cancelBubble=true;
 }
 function selText(obj){
 obj.value=(document.all.qswh.options[document.all.qswh.selectedIndex].text)
 //showSel(false)
 }
 </script>

呵呵,這麼樣做,基本上解決了問題,就是樣子稍微有一點不一樣,