javascript - 选项选择菜单，检测第一个选项是否被选中，而不是第一个选项的值

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>

谢谢大家!

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