Javascript - Get Atribute From Select Menu

Hello there dear community. Here is my HTML code: Избран цвят: Blue/Lt Blue

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

Solution 2:

Using :contains() won't be a proper solution as it will return partial matches, instead you can use .filter()

var text = 'Black/Pink';
var cn = $('select[name="Pcolor"] option').filter(function() {
  return $(this).text().trim() == text;
}).attr('color-number');

console.log(cn)

<scriptsrc="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script><selectname="Pcolor"id="image"style="height:30px;"><optionvalue="">Избран цвят: Blue/Lt Blue</option><optionvalue="45751303"color-number="0">Black</option><optionvalue="45751343"color-number="1">Black/Pink</option><optionvalue="45751359"color-number="2">Blue/Lt Blue</option><optionvalue="45751324"color-number="3">Dk Purple/Purpl</option><optionvalue="45751390"color-number="4">Ink/Cerise</option></select>

Solution 3:

$('#image').on('change',function() {
  alert($(this).find('option:selected').attr('color-number'));
})

https://jsfiddle.net/cw6knsc5/2/

Share

Top Question

Right Floated Element Disappears When Using Columns In Firefox

I am using an ol element with column-count and column-gap p…

Remove The Button Inside The Dropdownlist

Is there a way to hide or remove the arrow button inside a …

Adding ^{Asterisk To Placeholder, Or A Nice Way To Mark Required Fields Via Placeholder}

I'm looking for a way to style the asterisk in the plac…

Mystery Margin Or Padding On List

I cannot figure out where the padding is coming from the on…

Homepage Slow To Load

When I go to the homepage of my website after clearing my c…

How To Add Placeholder

Field?

I've been trying to add placeholder in input type='…