I have the following script:
<script>
function $(id) {
return document.getElementById(id);
}
function getImage() {
$('loader').src='/misc/images/loading.gif';
var url = "http://mousecreator.com/";
// outfit
var head = "&head="+$('head').value;
var ears = "&ears="+$('ears').value;
var eyes = "&eyes="+$('eyes').value;
var mouth = "&mouth="+$('mouth').value;
var neck = "&neck="+$('neck').value;
var ears = "&ears="+$('ears').value;
var hair = "&hair="+$('hair').value;
var fur = "&fur="+$('fur').value;
var tail = "&tail="+$('tail').value;
// sham
if(document.sh.sham.checked)
var sham = "&sham=1";
else
var sham = "";
var murl = url +"mouse.php?" + head + ears + eyes + mouth + neck + ears + hair + fur + tail + sham;
// set the preview image and text box
$('prem').src=murl;
}
function remLoad() {
$('loader').src="";
}</script>
<select id="head">
<option value="235">Value 1</option>
<option value="324">Value 2</option>
...
...
<button onclick="getImage()">Generate</button>
Is there a way to create a button that will randomly select ids from all the drop-down lists at once when the Generate button is clicked? Each id (head, ears, eyes, etc.) has its own dropdown list.
Thank you in advance!