单击Select for Validation Issue（Firefox）

Question

我的页面上有多个表单，我需要在提交表单之前从选择下拉列表中选择一个选项，我在Chrome，Safari和Opera中进行验证但在Firefox中存在一个问题：它似乎单击下拉列表作为完整点击事件，而不是单击下拉列表并将选择作为事件。因此，基本上每次单击选择下拉列表时，我都会收到错误消息，这是我不想要的。任何人都可以提供任何帮助吗？

$(function()    { 
    $('form').click(function()  { 
        if ($(this).find("select[name=packageOption]").val() === '')    { 
            alert('Please choose a package option');
            return false;
        } 
        else    { 

        }  
    }); 
});

感谢。

Answer 1

尝试focusOut事件。

var hasSelection = false;
$('form').find('select[name="packageOption"]').focusout(function(){
        hasSelection = true;
});
$('form').submit(function()  { 
        if (hasSelection) return false;
        return true;
});