Меню выбора опций, определить, выбрана ли 1-я опция, а не значение 1-й опции

Question

Я пытаюсь запустить некоторый код на основе опции выбора, но не по значению опции , но если это первый вариант или нет. это потому, что код будет использоваться глобально, а значения параметров будут разными в зависимости от того, на какой странице продукта находится пользователь. мой псевдо-код:

if (the first option.select 'selected') { 
run some code; 
    } else { 
run some other code; 
} 

типичный выбор меню на этом проекте выглядит следующим образом:

<select name="id[1]" id="attrib-1"> 
    <option value="20" selected="selected">Please Select</option> 
    <option value="212" >Green</option> 
    <option value="208">Yellow</option> 
    <option value="210">Orange</option> 
    <option value="219">Pink</option> 
</select> 

благодаря Y'All!

Answer 1

var select = document.getElementById('attrib-1'); 

select.onchange = function() { 
    if (this.selectedIndex === 0) { 
     // run some code... 
    } else { 
     // run some other code... 
    } 
} 

Ссылка: HTMLSelectElement - Web API Interfaces | MDN

Answer 2

$(document).ready(function() { 
    $("#attrib-1").change(function() { 
     if ($("#attrib-1 > option:first").is(":selected")) { 
      alert("first"); 
     } else { 
      //do other stuff 
     } 
    }); 
}); 

http://jsfiddle.net/ergec/Mf62M/

или

$(document).ready(function() { 
    $("#attrib-1").change(function() { 
     if ($("#attrib-1").prop("selectedIndex") === 0) { 
      alert("first"); 
     } else { 
      //do other stuff 
     } 
    }); 
});