从下拉列表中选择随机值

pick random value from a drop-down list

本文关键字：随机 选择 下拉列表      更新时间：2023-09-26

我有这样的脚本:

    <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 = "";
        //alert(document.sh.sham.checked);

        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>

是否有任何方法使按钮随机选择id从所有下拉列表在同一时间，当单击生成按钮?每个id(头，耳朵，眼睛等)都有自己的droplist

提前感谢!

function randomItemFrom(arr) {
    return arr[Math.floor(Math.random() * arr.length)];
}
function randomOptionFrom(select) {
    return randomItemFrom(select.options);
}
var randomEye = randomOptionFrom($('#eyes')[0]).value;

你也可以让randomOptionFrom函数接受jQuery对象或选择器。

function randomOptionFrom(select) {
    return randomItemFrom($(select)[0].options);
}

那么你可以这样称呼它:

randomOptionFrom($('#eyes')).value;

或

randomOptionFrom('#eyes').value;
相关文章：