get the width of a drop down list

I am trying to get the width of a drop down list. I know that the drop down list width will be equivilent to the longest drop down value . Is there a quicker way to determine that length without looping through all values contained in the drop down to find out the longest drop down value.

I am trying document.forms[0].DropDownField.width but this gives me undefined.

Please help...
Who is Participating?
The style.width will return only if it was fixed in style attribute or class.
This will work better:

have you try:
Pravin AsarPrincipal Systems EngineerCommented:
Access the offsetWidth parameter
Here is an example. Does not matter the how it has been set (auto or style.width);

Good Luck.

<title>Width of Combo Box</title>
<form name="form1">
<select name="sel1">
      <option value="v1">Option 1 Value 1
      <option value="v2">Option 2 Value 2
<script language="javascript">

alert (document.form1.sel1.offsetWidth);
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.