Same function for multiple jQuery objects

Question

I want the same functions to run for 2 jQuery objects: $('input[type="text"]') and $('textarea[type=text]'). How can I combine those two in the code below? (currently, only input is included).

$('input[type="text"]').focus(function() {   
        if (this.value == this.defaultValue){  
            this.value = '';  
        }  
        if(this.value != this.defaultValue){  
            this.select();  
        }  
}); 

$('input[type="text"]').blur(function() {    
        if ($.trim(this.value == '')){  
            this.value = (this.defaultValue ? this.defaultValue : '');  
        }  
});

Thanks!

Why does your textarea have a type=text? That is not a valid attribute for a textarea — Doug Neiner
– Doug Neiner, Commented Jan 10, 2010 at 21:26

Xavi · Accepted Answer · 2010-01-10 21:24:07Z

9

Try this:

$('textarea[type="text"], input[type="text"]').focus(...).blur(...);

Similarly you can also use jQuery's add function:

$('textarea[type="text"]').add('input[type="text"]').focus(...).blur(...);

answered Jan 10, 2010 at 21:24

Xavi

20.5k14 gold badges74 silver badges64 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

cmcculloh · Accepted Answer · 2010-01-10 21:24:03Z

1

May be easier to put a class on it and filter by that.

answered Jan 10, 2010 at 21:24

cmcculloh

48.8k42 gold badges110 silver badges137 bronze badges

Comments

James · Accepted Answer · 2010-01-10 21:25:54Z

0

You could create a plugin:

jQuery.fn.clearDefValueOnFocus = function() {
    return this.focus(function(){
        if (this.value == this.defaultValue){  
            this.value = '';  
        }  
        if(this.value != this.defaultValue){  
            this.select();  
        }  
    }).blur(function(){
        if (jQuery.trim(this.value) == ''){  
            this.value = this.defaultValue || '';  
        }  
    });
};

$('input[type="text"]').clearDefValueOnFocus();
$('textarea[type=text]').clearDefValueOnFocus();

answered Jan 10, 2010 at 21:25

James

112k32 gold badges165 silver badges177 bronze badges

Collectives™ on Stack Overflow

Same function for multiple jQuery objects

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related