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!