Select 分类标签 optgroup 代码展示

来源：互联网发布：php 报修系统编辑：程序博客网时间：2024/06/05 10:18

注： 1、optgroup开始结束标签间不能有空格,否则optgroup.hasChildNodes() 始终为true.

2、增加了排序功能，先optgroup中options按value排序，然后按照otpgroup标签排序. <html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>select-optgroup</title><head><mce:script type="text/javascript"></mce:script></head><body><form method="post" name="table" action="" ><table><tr><td><select name="file_types" id="file_types" size=12 style="width:250px" ondblclick="newMoveOptions(this, document.forms[0].allow_types, true);" multiple><optgroup label="Picture Files"><option value="0001">GIF</option><option value="0002">JPG</option></optgroup><optgroup label="Text Files"><option value="0003">PDF</option><option value="0004">XML</option></optgroup><optgroup label="Audio Files"><option value="0005">MP3</option><option value="0006">Special test file format</option></optgroup></select></td><td><select name="allow_types" id="allow_types" size="12" style="width:250px" ondblclick="newMoveOptions(this, document.forms[0].file_types, true);" multiple></select></td></tr></table></html><mce:script type="text/javascript"></mce:script>