javascript - 选择列表 - 检查负载和更改

Question

JSFiddle

尝试评估加载 dom 时以及有人更改选择选项时在选择列表中选择的选项。

我认为triggerHandler会导致我的函数触发？当页面加载时，它应该说选择了值 2。

<select name="select-2" id="select-2">
        <option value="1">1</option>
        <option value="2" selected>2</option>
        <option value="3">3</option>
    </select>

$(function () {
    function ShowSelected() {
        $('#select-2').change(function () {
            if ($(this).val() == 1) {
                alert('value 1 is selected');
            } else if ($(this).val() == 2) {
                alert('value 2 is selected');
            } else if ($(this).val() == 3) {
                alert('value 3 is selected');
            }
        });
    }
    $('#select-2').change(ShowSelected).triggerHandler("change");
});

Answer 1

您的 ShowSelected 不是事件处理程序，它注册了一个更改事件处理程序。

要使其正常工作，请按如下所示进行更改

$(function () {
    function ShowSelected() {
            if ($(this).val() == 1) {
                alert('value 1 is selected');
            } else if ($(this).val() == 2) {
                alert('value 2 is selected');
            } else if ($(this).val() == 3) {
                alert('value 3 is selected');
            }
    }
    $('#select-2').change(ShowSelected).triggerHandler("change");
});

演示:Fiddle