CODEWITHSUNDEEP
javascriptjqueryhtml
user2301515
user2301515

Reputation: 5107

Html, inserting option list separators

I want to add separators to php-generated list with jQuery

<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>

How to put separators after first eleent and before the last element that result is

<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>

?

Thank you

Upvotes: 1

Views: 2430

Answers (3)

Ziarno
Ziarno

Reputation: 7552

Shorter code:

$("option[value=0]").after('<option value="-1" disabled="disabled">------</option>');

Upvotes: 1

d3mi3n
d3mi3n

Reputation: 66

Don't know if it's exactly what you need, but the <optgroup> tag does something like that

Upvotes: 1

Fabr&#237;cio Matt&#233;
Fabr&#237;cio Matt&#233;

Reputation: 70129

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

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

Fiddle

Reference:

Upvotes: 6

Related Questions