下拉列表框分组Option[好东西]--万里晴空

		欢迎光临数据载入中，请稍候......'s BLog
		数据载入中，请稍候......

这就是我

数据载入中，请稍候......

用户登陆

数据载入中，请稍候......

最新留言

数据载入中，请稍候......

日志搜索

数据载入中，请稍候......

友情链接

其他信息

·下拉列表框分组Option[好东西] -|cloudy 发表于 2006-11-3 14:44:00

今天研究下拉列表，变更事件的触发，以前都是在<select>标签中加入onchange事件

可是今天的情况比较特殊，好象是行不通，这个暂且放下不表，等解决了之后再贴出来。

在查找资料的时候看到一个好东西，先贴出来分享一下：

下拉列表框分组Option[好东西]
关键字:Select,Option分组,显示

<style type="text/css">
    optgroup{background-color:#33CC00;}option{background-color:#ffffff;}</style>
<select>
<optgroup label="这是">
              <option>optgroup</option>
              <option>标签</option>
</optgroup>
<optgroup label="什么呀">
              <option>很少</option>
              <option>有人用耶</option>
</optgroup>
</select>

[阅读全文 | 回复(1) | 引用通告 | 编辑]

标签：HTML

·Re:下拉列表框分组Option[好东西] -|cloudy发表评论于2006-11-3 15:20:19

下拉列表，变更事件的触发：
一、原来都是在<select>标签中加入一个onchange的变更事件，并获取选中的<option>的value值作为onchange变更事件的参数。

如：
<select name="id" style="width:300px" onChange="javascritp:showid(this.value)">
<option value=0 selected>选项一</option>
<option value=1>选项二</option>
<option value=2>选项三</option>
</select>
另用javascript写个showid(str)的函数，就可以了

二、今天碰到的情况比较特殊，基本还是跟上述差不多吧，只是onchange事件调用的参数不再是option的value值，而是另一个相关的值。
刚开始一直不知道这个值该放在option的什么地方，用什么来体现，后来查了资料，就采用label标签来存储这个值并调用。
如：
<select name="id" style="width:300px" onChange="javascritp:showid(id[this.selectedIndex].label)">
<option value=0 selected lable="这是第1个选项">选项一</option>
<option value=1 lable="这是第2个选项">选项二</option>
<option value=2 lable="这是第3个选项">选项三</option>
</select>

[个人主页 | 引用 | 返回 | 删除 | 回复]

发表评论：