jquery - 使用 jquery 获取下拉菜单的值

Question

我有一个包含很多选择元素的表单。在模糊每个选择元素时，我需要检查用户是否从下拉列表中选择了一个值。如果他没有选择值，则应突出显示该下拉列表。

$('#test_form .class_dd').blur(function () {
    var input = $('option:selected').val();
    alert($('option:selected').val());
    alert(!($('option:selected').val()));
    input.next('div.error_text').remove();
    input.removeClass('highlight');
    if (!input) {
        input.removeClass('green');
        input.addClass('highlight');
        var $msg = $(this).attr('title');
        input.after('<div class="error_text">' + $msg + '</div>');
    }
});

现在，如果我单击下拉列表但未选择值并转到下一个字段，alert($('option:selected').val());给我空警报。如果我选择任何值，警报会再次给我空值。所以总是给出空警报，它不会被突出显示。但是如果我使用 $('#dropdownID').val();它给了我正确的值(value)。那么如何处理这种情况呢？

Answer 1

我将其简化为最低限度，以便于理解。

你应该这样做:

$('select').blur(function(){
    if($(this).val() == 0){
        //not selected
        $(this).addClass('high');
    }
}).change(function(){
    if($(this).val() != 0){
        //selected
        $(this).removeClass('high');
    }
});

Here is demo .

并不是说我添加了更改触发器，否则当您选择一个选项时它看起来仍然是错误的，希望这是您想要的功能。

为了以防万一，我正在连接函数，这与做 this 是一样的.