select标签添加multiple属性后,页面呈现的样式发生改变,如何修改

select标签当添加multiple属性后,是指明该下拉框可以进行多选,但是添加上multiple属性后,页面的呈现是样式会发生改变

也就是 页面会将所有的下拉框的值全部展示出来

此时,需要在select标签的内部再次添加属性:size=“” 里面的数值根据select中有几个值而定

这样基本样式可以改变

进行回填的时候,数值也不会再次发生改变

代码如下:

<select id="areaId" name="hmmpAreaid" class="input-medium" multiple="multiple" size="1">
    <option  value="" selected="selected" disabled>请选择option>
select>

页面效果:


回填后的效果:


你可能感兴趣的:(select标签添加multiple属性后,页面呈现的样式发生改变,如何修改)