How to set the width of a textarea in jQuery?

Question

I want to set the width of a textarea to match the width of a particular image. Using .width() works for setting the width of an image, but not of a textarea.

$(document).ready(function() {
    var width = $("#my_image").width();
    $("#another_image").width(width); // works
    $("#my_textarea").width(width); // fails
});

How do I set the width of a textarea?

Brian Dukes · Accepted Answer · 2010-12-30 21:50:54Z

16

Use jQuery's css method like this:

.css("width", width)

or this, if you plan on setting more attributes:

.css({"width":width})

edited Dec 30, 2010 at 21:50

Brian Dukes

157k25 gold badges152 silver badges176 bronze badges

answered Dec 30, 2010 at 21:43

Keith

5,4113 gold badges36 silver badges53 bronze badges

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

Comments

Rion Williams · Accepted Answer · 2010-12-30 21:43:50Z

1

You could try :

$("#my_textarea").css('width', width);

answered Dec 30, 2010 at 21:43

Rion Williams

76.9k38 gold badges206 silver badges335 bronze badges

Comments

jondavidjohn · Accepted Answer · 2010-12-30 21:52:51Z

1

$("#my_textarea").css('width',width);

Also you might want to use .outerWidth() to set var width depending on your padding/margin/border settings

edited Dec 30, 2010 at 21:52

answered Dec 30, 2010 at 21:44

jondavidjohn

62.5k21 gold badges120 silver badges159 bronze badges

Collectives™ on Stack Overflow

How to set the width of a textarea in jQuery?

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