jQuery 如何区分“

Question

我的主要问题是，如何区分更改了哪个下拉框？ 基本上我有这个下拉框/组合框的 HTML 代码，它由 JS 中的 JSON 文件填充。

            <select id="filterCountry">
              <option value="0">All Countries</option>
            </select>
            <select id="filterBrowser">
              <option value="0">All Browsers</option>
            </select>
            <select id="filterOS">
              <option value="0">All Operating System</option>
            </select>

我的 jQuery 代码现在是这样的。

$("#filterBrowser, #filterOS, #filterCountry").change(function(e){
    alert("Something has been changed "  + this.value);

    // Ugly pseudocode but something along the lines of...
    if(("#filterBrowser").change) {
        console.log("the browser drop down was changed");
    } else if (("#filterOS").change) {
        console.log("The OS drop down changed");
    } else if(("#filterCountry").change) {
        console.log("The country drop down was changed")
    }
});

Answer 1

您可以获得引发事件的元素的 id。 例如：

if(this.id === 'filterBrowser') {
  //...
}