jquery - 如果选择特定选项则显示警报

Question

我有一些代码创建了一个下拉框，其中有一堆选项，还有一个“我不知道”选项。我试图使用 jQuery 来表示是否选择了 idk，警报(“可能需要额外的时间来路由您的请求”)；

我正在尝试使用嵌套在条件语句内的 .focusout 事件来触发警报。甚至不确定我能做到这一点，但这确实是做我想做的事情的最佳方式，因为我不想看到所选任何选项的警报。

这是我的 fiddle 的链接 http://jsfiddle.net/JustJill54/ye8rG/

理想情况下，我很想能够说——但我不能。我是不是做错了什么？

$("option[value='idk']").focusout(function(){
    alert("If no organizational element is selected, additional time may be required to route this request");
});

非常感谢!

Answer 1

您需要监听 select 元素上的事件，而不是 option 上的事件。还有一些语法错误。我有updated your fiddle here .

请注意，从用户体验的角度来看，可能有比在用户面前弹出的侵入性警报框更微妙的方式来通知用户。例如，可能会出现新的文本范围，或其他一些不会中断工作流程的视觉指示器。

$(document).ready(function(){
    // Attach to the focusout event of the select, if that's when
    // you want to check the value
    $("select[title='organizationalElement']").focusout(function(){
        // Now see if it's the value you want
        if ($(this).val() === 'idk'){
            alert("If no organizational element is selected, additional time may be required to route this request");
        }
   });
});