什么是正确的焦点和 focuseout javascript 下拉功能？

Question

The following function works fine for the text inputs. How do I create a similar effect for drop downs (select)?

$('input').focus(function(){
    $(this).css('opacity',1);
});
$('input').focusout(function(){
    $(this).css('opacity',0.6);
});

Answer 1

Simply add 'select' in your jQuery selector:

$('input, select')

Note that because of the way focus works on select elements, the effect won't occur until the user clicks off of the select a second time (if they haven't changed the selected option).