1

我想用 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>

?

谢谢

4

3 回答 3

6 
var $ops = $('select option'), //refine selector if needed
    $sep = $('<option>', { text: '------', disabled: true, value: -1 });

$ops.first().after($sep.clone()).end()
    .last().before($sep);

小提琴

参考：

于 2013-04-28T09:40:14.757 回答
1

更短的代码：

$("option[value=0]").after('<option value="-1" disabled="disabled">------</option>');
于 2013-04-28T09:56:26.537 回答
1

不知道它是否正是您所需要的，但<optgroup>标签做了类似的事情

于 2013-04-28T09:41:08.307 回答