javascript - 如果下拉列表中只有一个值，则 HTML 下拉列表无法捕获 onChange()

Question

我正在使用 Jquery 来选择下拉列表的值。

我需要对 OnChange 做一些操作事件(jQuery 中的 .change)，但如果下拉菜单中只有一个选项，我无法在 onChange 中捕获它事件。

我的下拉列表是动态形成的，所以不知道有多少选项我会得到多少选项，但如果只有一个选项，我就会遇到问题。
有没有办法捕获OnChange <select> 的事件只有一个<option> ？

Answer 1

您不需要有 onchange 事件。只要有一个从 onchange 调用的函数，如果只有一个项目，就继续调用该函数。

function populate() {
    //do work to populate #selector

    if($("#selector option").length == 1) {
        $("#selector").hide();
        workerFunction();
    } else {
        $("#selector").show();
    }

    $("#selector").change(workerFunction);

    //the following line of code will work like a default:
    workerFunction();
}

function workerFunction() {
    //put whatever used to be in your onChange function here
}