jquery - Javascript - Get atribute from select menu

Question

Hello there dear community.

Here is my HTML code:

<select name="Pcolor" id="image" style="height:30px;">
    <option value="">Избран цвят: Blue/Lt Blue </option>
    <option value="45751303" color-number="0">Black</option>
    <option value="45751343" color-number="1">Black/Pink</option>
    <option value="45751359" color-number="2">Blue/Lt Blue</option>
    <option value="45751324" color-number="3">Dk Purple/Purpl</option>
    <option value="45751390" color-number="4">Ink/Cerise</option>
</select>

I want to ask how i can get the color-number attribute number where option text is Blue/Lt Blue for example ?

It is important to make it only with JavaScript/jQuery !

I hope you understand what i want to describe, thanks in advance!

Answer 1

I would do this way:

$('#image option[value="Blue/Lt Blue"]').attr("color-number");

So essentially you search for the correct option and get it attribute.