该下拉框的长度如何调节？

我的下拉框由style sheet (xsl文件)生成如下：
<select name="SLk1" id="SLk1" size="1"><option value="OBW">That Begins With</option><option value="OOS">That Contains</option><option value="OEM" selected="true">That Equals</option></select>但是这个页面load时有一种情况是需要将“That Begins With”和“That Contains”给去掉。我用的方法如下：
var sel = document.getElementById('SLk1');
...
sel.removeChild(sel.options[0]); 这样的话SLk1下拉框的内容长度就比正常请况短了，刚好能容纳“That Equals”。
请问如何使得下拉框的内容长度和原来一样，就是一直是能容纳原来的3个内容，即使出现只有“That Equals”的情况。
谢谢！

解决方案 »

  1.   

    下拉框的宽度是根据你的text宽度来显示的。当你继续增加一个“3个内容”的option 时，它又变长了，因此没必要去控制。
      

  2.   

    把样式中的宽度写死不就得了
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <script type="text/javascript">
            function test(){
                var sel = document.getElementById('SLk1');
                if(sel.options[0])
                    sel.removeChild(sel.options[0]); 
            }
        </script>
    </head>
    <body>
        <select name="SLk1" id="SLk1" size="1" style="width:200px;" >
            <option value="OBW">That Begins With</option>
            <option value="OOS">That Contains</option>
            <option value="OEM" selected="selected">That Equals</option>
        </select>
        <br />
        <input type="button" onclick="test()" value="测试" />
    </body>
    </html>
      

  3.   

    <select size="5"></select>
      

  4.   

    样式是style sheet生成的，不是在html里写死的，我没有办法去写size.
      

  5.   

    最终manager决定用另外一种方案了，把这个问题绕过去了。