Html,插入选项列表分隔符
Html, inserting option list separators
我想用jQuery为php生成的列表添加分隔符
<select>
<option value="0">all</option>
<option value="1">option 1</option>
<option value="2">option 2</option>
<option value="3">option 3</option>
<option value="4">other</option>
</select>
如何在第一个元素之后和最后一个元素之前放置分隔符
<select>
<option value="0">all</option>
<option value="-1" disabled="disabled">------</option>
<option value="1">option 1</option>
<option value="2">option 2</option>
<option value="3">option 3</option>
<option value="-1" disabled="disabled">------</option>
<option value="4">other</option>
</select>
?
谢谢
var $ops = $('select option'), //refine selector if needed
$sep = $('<option>', { text: '------', disabled: true, value: -1 });
$ops.first().after($sep.clone()).end()
.last().before($sep);
小提琴
参考:- 遍历-过滤
- 操作- DOM插入,外部
我不知道这是不是你需要的,但是<optgroup>
标签做了类似的事情
短代码:
$("option[value=0]").after('<option value="-1" disabled="disabled">------</option>');
相关文章:
- 要求输入在数据列表中
- 从javascript创建一个列表
- 如何使用jQuery选择下拉列表的值
- 将输入字段中的文本提交到我的数据库,同时将其添加到我的列表中
- 将jsp文件下拉列表中的选定项分配给一个java变量(比如String selection)
- Javascript按钮下拉列表
- 如何使用json将对象列表从java转换为javascript
- 区分JSON中的矩阵和列表列表
- jQuery表单添加不适用于下拉列表
- 列表中的离子字母分隔符
- 有没有办法在角度UI选择的下拉列表中的第n项之后创建分隔符
- jQuery 移动列表分隔符使用错误的色板
- 用于分隔值列表的正则表达式,其中的值可能包含分隔符
- 不能阻止列表分隔符被视为列表项
- 在自动完成列表中添加分隔符
- 添加列表项字母分隔符
- Html,插入选项列表分隔符
- 在列表分隔符前添加元素
- 从数组创建 li 数据角色=列表分隔符
- 列表分隔符角度表达式