如何对select元素中的选项进行逻辑分组

原创 2007年09月29日 09:40:00

不知道大家有没有这样的感觉,在select选项足够多的时候,被select中的选项弄得头昏眼花,想要找一个自己想要的选项实在是太困难了。

其实是可以对select里面的选项进行逻辑分组的。

可以想象得到,如果对select的选项进行了分组,这对于有大量选项的select肯定是有好处的。至少用户体验会好很多,方便大家,何乐而不为呢?

演示地址:http://www.doyoe.com/model/dhtml/example/optgroup.htm

XHTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="Author" content="飘零雾雨|edzmaster@gmail.com" />
<title>请给select选项分分组吧</title>
</head>
<body>
<div>
<h1>用optgroup给select选项分组:</h1>
<select>
<optgroup label="电脑">
<option>Ibm</option>
<option>Dell</option>
<option>Lenovo</option>
</optgroup>
<optgroup label="手机">
<option>MOTO</option>
<option>NOKIA</option>
<option>SAMAUNG</option>
</optgroup>
</select>
</div>
</body>
</html>

上面是一个给select选项进行分组的例子,当然,这个例子的选项比较少,所以还看不出分组有什么好处或优势。

给select 选项分组主要是用在:

1、有明显的类别区分
2、选项实在太多

需要注意的是:所有的optgroup元素必须在select元素中直接指定,且组不允许嵌套。

 
版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

根据select标签中option选项的变化动态更改表单元素

今天做项目时,有一个功能点,需要根据select标签中option选项的变化动态来决定表单中某一行

Java网络爬虫(六)--使用Jsoup的select语法进行元素查找

使用Jsoup进行元素的查找有两种方法。有使用DOM方法来遍历一个文档,也有使用选择器语法来查找元素,而后者类似于CSS或jQuery的语法来查找和操作元素。对于这两个方法到底使用哪个感觉好上手我觉得...

“像元分组” 算法:将二值图像中处于相邻的元素进行分组标号, 使得属于同一个分组的像元集合,其编号都相同

这个我看了很多文章的一些心得,欢迎大家指教

CSS+HTML实例集合四,checkbox多选框的操作(全选等),select获取option的value和其对应的选项,select获取选中项的value值进行设置,select的二级联动菜单

checkbox多选框的操作(全选等) 无标题文档 商品列表 全选 笔记本电脑 3000元 笔记本电脑 4000元 笔记本电脑 5000元 笔记本电脑 6000元 笔记本电脑 70...

[疯狂Java]SQL库函数:行函数、组函数、select分组、筛选组

1. SQL库函数:     1) 就跟C语言标准库函数一样,SQL将一些经常使用的到的功能封装成标准库函数供用户使用,这些库函数底层的实现效率非常高,比用户自行编写同样的函数效率会高很多,因此遇到这...

EL,jstl,js 对select元素

  • 2011-03-22 09:37
  • 31KB
  • 下载

mysql分组求最值(模拟Oracle的分析函数)

我们知道无论是oracle,还是mysql,只要对某列分组,就只能查询分组列或者分组函数列,而对于分组后的整体数据单单靠一个分组函数查询不出来。 在以前开发时,使用的是oracle数据库,比如有很多年...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)