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...
Knowledge-DimensionAsked:
Who is Participating?
 
smaccariCommented:
The style.width will return only if it was fixed in style attribute or class.
This will work better:

documents.forms[0].elements["DropDownField"].clientWidth
0
 
KNVB HKSITOCommented:
have you try:
document.forms[0].DropDownField.style.width
0
 
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.

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

alert (document.form1.sel1.offsetWidth);
</script>
</body>
</html>
0
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.