select响应事件

根据select中的option选项的值不同,响应不同的事件

一个可以用value方法

另一个可以用selectIndex,selecteIndex属性可以设置或者返回下拉列表中被选选型的索引号(若允许多重选择,则仅会返回第一个被选选项的索引号)。

<select id="relationship" name="" onchange="gradeChange()">
             <option value="依赖">依赖</option>
               <option value="互斥">互斥</option>
  </select> 

   function gradeChange(){
        var relationship = document.getElementById("relationship");
        var index = relationship.selectedIndex
        if (index === 0){
            $('.reason').text('依赖原因:');
            $('.reasonCode').text('与之依赖的产品代码(BOOSS业务代码):');
        } else{
            $('.reason').text('互斥原因:');
            $('.reasonCode').text('与之互斥的产品代码(BOOSS业务代码):');
        }
    }

 

posted @ 2017-04-12 09:51  素雨雫晴  阅读(892)  评论(0编辑  收藏  举报