オブジェクト内にあるHTMLのメソッドを参照するにはどうすればいいですか

Question

JavaScriptファイル内のオブジェクトにあるメソッドをHTMLで参照する方法、またはそれが良い方法であるかどうかを知りたいと思います。

HTML

<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"></script> 

はJavaScript

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

}

Answer 1

それはあなたのHTMLからコードを分離するために、一般的に良いでしょう。おそらく、ここで答え

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