html select标签下拉列表展开

html select标签下拉列表展开,第1张

为简化用户 *** 作,希望鼠标悬停在下拉列表框上时,能自动展开。查了一下select的属性,没有相关的 *** 作。最后找了一个变通的办法,代码如下:

<select onmouseover="size=10" onmouseout="size=1" onchange="size=1">

<option value="126.htm">126</option>

<option value="163.htm">163</option>

<option value="16.NET.htm">163net</option>

<option value="163vip.htm">163vip</option>

就是让鼠标悬停后,显示的数目就自动改成10或其它数目。鼠标移开后,还原成只显示一个。用户点击了某一项也让它恢复成正常状态。

<select name="zhonglei">

<option value="全部" selected>全部</option>

<option value="3D片">3D片</option>

<option value="爱情片">爱情片</option>

<option value="动作片">动作片</option>

<option value="玄幻片">玄幻片</option>

<option value="灾难片">灾难片</option>

</select>

在需要的选项里面添加selected。

html下拉框设置默认值,用到的工具:notepad++,步骤如下:

html代码部分:

 <select>

      <option value="1">北京</option>

      <option value="1" selected>天津</option>

      <option value="1">上海</option>

  </select>

说明:selected属性就是默认值,天津被默认选中。

效果图:

注意事项:默认值只能设置一个,设置多个的话最后一个默认值是最终的默认值。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7052851.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-01
下一篇 2023-04-01

发表评论

登录后才能评论

评论列表(0条)

保存