关于javascript：如何引用对象中HTML中的方法

How can I reference an method in HTML that is in an object

我想知道如何在JavaScript文件中的对象中引用HTML中的方法，或者这是否是一种好习惯。

HTML

1
2
3
4
5
6

<select class="ranking" name="rank" id="" onchange ="if(this.selectedIndex) Someobj.Search.chosenRank();">
<option value="Last_Updated">Last Updated</option>
<option value="Relevance">Relevance</option>
<option value="Distance">Distance</option>
</select>
<script src="static 'main/js/search.js">

JavaScript

1
2
3
4
5

Someobj.Search = {
chosenRank: function(){
alert("you chose" + this.selectedIndex );
}
}

相关讨论

通常最好将代码与HTML分开。我建议遵循以下方式：

1	document.querySelector(".ranking").addEventListener("change", Someobj.Search.chosenRank);