select宽度设定.doc

关于Select宽度设定在使用Select时,有时候需要固定宽度,有时候需要自适应,下面说下要设定固定宽度时要注意的地方:控件设定宽度一般是直接指定width属性即可,但Select设定固度是使用style="width:n"的形式设定,如果只设置width属性,则Select的宽度还是会随下面选择项的宽度变化而变化的,如:<selectwidth="20px"><option>11111111**********</option><option>22</option><option>1</option><option>44444444444444444444444444444444</option></select>则Select的宽度是第四个选项的宽度,即最终页面上显示的Select宽度肯定是大于20px的,如果是这种方式:<selectstyle="width:20px"><option>11111111**********</option><option>22</option><option>1</option><option>44444444444444444444444444444444</option></select>则Select的宽度会固定为20px,即第四个选项会显示不完整,:<selectstyle="width:expression((>100)?'auto':'100')"><option>hellohellohellohellohellohellohellohellohellohello</option></select><br/>鼠标点时自动变成最大长度,离开或选中时恢复原长度<selectname=s2style="width:50px"onFocus="='auto'"onblur="='50px'"onChange="='50px'"style="width:50px"><option></option><option>11111111111111111**********</option><option>2222222222222222222</option></select><br>鼠标滑过时自动变成最大长度,离开或选中时恢复原长度<selectname=s2style="width:50px"onmouseover="='auto'"onblur="='50px'"onChange="='50px'"style="width:50px"><option></option><option>11111111111111111**********</option><option>2222222222222222222</option></select><br>选择后在页面的其它位置显示选择的项目<divid=dsp></div><selectname="select"size="1"onchange="=th