下拉框 值改变时触发事件

Question

$sc.prototype.creatSearchBox=function(searchBoxDiv,initnumber){
        var OptionDiv=document.createElement('select'); 
OptionDiv.id =this.searchOptionId;
OptionDiv.options.add(new Option("上海市", "上海市"));
OptionDiv.options.add(new Option("北京市", "北京市"));
OptionDiv.className="search-option";
searchBoxDiv.appendChild(OptionDiv);
}页面刷出来之后，我下拉框里改变值，改成北京市，怎么触发事件呢？

Answer 1

$sc.prototype.creatSearchBox=function(searchBoxDiv,initnumber){
    var OptionDiv=document.createElement('select'); 
    OptionDiv.id =this.searchOptionId;
    OptionDiv.options.add(new Option("上海市", "上海市"));
    OptionDiv.options.add(new Option("北京市", "北京市"));
    OptionDiv.className="search-option";
    OptionDiv.onchange = function() {
         // TODO
    }
    searchBoxDiv.appendChild(OptionDiv);
}

Answer 2

+1加一个onchange事件就搞定！

Answer 3

关注点，是LZ你的理解以上代码的意思，其实你已经很接近了，都可以给select设置属性了，加个onchange，这也就一行代码，关键是你对document操作对象的理解！