<html>
<body>
<script type="text/javascript">
function createOptions(){
var mySelect = document.getElementById("mySelect");
var group=document.createElement('OPTGROUP');
group.label = "JS创建的optgroup";
mySelect.appendChild(group);
mySelect.options.add(new Option("全部","all"));
mySelect.options.add(new Option("上海市","sh"));
mySelect.options.add(new Option("北京市","bj"));
var defaultSelect = mySelect.options[2];//参数只能是index，从0开始
defaultSelect.selected = true;
}
</script>
<form>
<select style="width:150px">
<optgroup label="--请选择">
<option value="0">全部</option>
<option value="1">上海市</option>
<option value="2">北京市</option>
</select>
</BR></BR></BR>
<select id="mySelect" name="mySelect" style="width:150px"></select>
<input type="button" onclick="createOptions()" value="js创建optgroup" />
</form>
</body>
</html>
分享到：
相关推荐
偶然需要对select 内容进行分组，以往都是用程序控制，今天发现 select 中还有一个 optgroup 属性可以用，试用心得如下，感兴趣的朋友可以参考下哈
重写 DropDownList 添加optgroup以及为ListItem 加式样(例如 背景色,前景色等)
非常适合高级选择框,可进行ajax,多选，单选等复杂操作
HTML标签之optgroup、sub、sup和bdo的用法与示例代码，需要的朋友可以参考下。
由于创建嵌套选项时Select2会退回到<optgroup>，因此仅支持单级嵌套。 不能保证任何其他级别的嵌套都无法在所有浏览器和设备上正确显示。 Select2-to-Tree扩展了Select2以支持任意级别的嵌套。 Select2兼容性 选择...
select的分类选择,经测试IE和FF都能很好的支持该元素 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmln
由于html的Select元素式样不更改,自已用Javascript写了DropDownList控件,支持分组.调用相当方便,不用更改原来的HTML结构.调用方法:DropDownList.bind(selectId).例如: --------------------------------- ...
复制代码代码如下: <select> ””>1</option> ””>2</option> ””>3</option> ””>4</option> ””>5</option> <... ””>1</option> ””>2</option> <optgroup label=”3″></optgroup>
$('[title="clickable_optgroup"]').addClass('chosen-container-optgroup-clickable'); }); $(document).on('click', '[title="clickable_optgroup"] .group-result', function() { var unselected = $...
小编我在使用layui，在select的地方遇到了坑，select里的值居然无法清空，select里的option还有叠加问题，为了解决这个问题，也达到我的功能，我研究了下，让有同样需求的小伙伴不踩坑，特贴上我的源码： ...
ajax multiselect 多项选择框.转载请注明出处.
19、<col> 定义表格列的属性。 20、<colgroup> 定义表格列的分组。 21、<command> 定义命令按钮。 22、<datalist> 定义下拉列表。 23、<dd> 定义定义的描述。 24、<del> 定义删除文本。 25、<details> 定义元素的...
jQuery下拉框多选带检索代码是一款利用optgroup属性制作多级下拉菜单选择代码。
jQuery带搜索功能下拉框多选代码，利用optgroup属性制作多级下拉菜单多项选择功能，还可以全选。
以上所述是小编给大家介绍的IOS中safari下的select下拉菜单文字过长不换行的解决方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对软件开发网网站的支持！
Opt组-像常规选择框一样，它支持optgroup。 如果它们在HTML标记中，则它们将显示在自定义标记中。 禁用字段-select现在可以识别禁用字段并使它们不可单击。 它由一个真正的选择框驱动，因此它将以表格形式传递值。 ...
在页面加载完成时候 ‘.add_project’ 元素是可以触发click时间的，当动态添加 ‘.add_project’ 时候，新添加的元素却触发不了click事件，类似下面的写法： $(".add_project").on('click', function(){ alert(...