Tell me more ×
Web Applications Stack Exchange is a question and answer site for power users of web applications. It's 100% free, no registration required.

I'm trying to write a script in Greasemonkey that will set automatic the size of Drop-down lists on the number of selection options, but with my limited Javascript knowledge I don't really know how to do this.

Example of subject:

<select name="z_pos_id">
<option value="2463">Option A</option>
<option value="2609">Option B</option>
<option value="3013">Option C</option>
<option value="2113">Option D</option>
<option value="1059">Option E</option>
<option value="1581">Option F</option>
<option value="2068">Option G</option>
<option value="1766">Option H</option>
<option value="2398">Option I</option>
<option value="1813">Option J</option>
<option value="1453">Option K</option>
<option value="3743">Option L</option>
<option value="2216">Option M</option>
<option value="1229">Option N</option>
<option value="3098">Option O</option>
<option value="2830">Option P</option>
<option value="1749">Option Q</option>
<option value="1606">Option R</option>
<option value="2350">Option S</option>
</select>
<input type="submit" value="Take it"></form>

<select name="z_pos_id">
<option value="140">Option AA</option>
<option value="3038">Option AB</option>
<option value="3519">Option AC</option>
<option value="2645">Option AD</option>
</select>
<input type="submit" value="Take it"></form>

Example of desired Output :

<select size="19" name="z_pos_id">
<option value="2463">Option A</option>
<option value="2609">Option B</option>
<option value="3013">Option C</option>
<option value="2113">Option D</option>
<option value="1059">Option E</option>
<option value="1581">Option F</option>
<option value="2068">Option G</option>
<option value="1766">Option H</option>
<option value="2398">Option I</option>
<option value="1813">Option J</option>
<option value="1453">Option K</option>
<option value="3743">Option L</option>
<option value="2216">Option M</option>
<option value="1229">Option N</option>
<option value="3098">Option O</option>
<option value="2830">Option P</option>
<option value="1749">Option Q</option>
<option value="1606">Option R</option>
<option value="2350">Option S</option>
</select>
<input type="submit" value="Take it"></form>

<select size="4" name="z_pos_id">
<option value="140">Option AA</option>
<option value="3038">Option AB</option>
<option value="3519">Option AC</option>
<option value="2645">Option AD</option>
</select>
<input type="submit" value="Take it"></form>

This objects (there can be more than one...) should be replace

<select name="z_pos_id">

with this

<select size="*the number of options*" name="z_pos_id">

Thank you all!

share|improve this question
Web Applications is meant for webapps end users, not webapps developers. – Sathya Sep 30 '12 at 13:54
Okay, where could I ask? – Michael Sep 30 '12 at 13:59
you can ask at Stack Overflow, but please indicate as to what have you tried first. – Sathya Sep 30 '12 at 14:03

closed as off topic by Eight Days of Malaise, Sathya Sep 30 '12 at 13:54

Questions on Web Applications Stack Exchange are expected to relate to web applications within the scope defined in the FAQ. Consider editing the question or leaving comments for improvement if you believe the question can be reworded to fit within the scope. Read more about closed questions here.