Question

你完全陷入困境希望你可以帮忙。

我正在制作菜单。我希望菜单总能随机选择。

 <select id="textFont">
 <option value="A"></option>
 <option value="B"></option>
 <option value="C"></option>
 </select>

 var $options = $('#textFont').find('option'),
 var random = ~~(Math.random() * $options.length);
 $options.eq(random).prop('selected', true);

 document.getElementById("wrapper").style.fontFamily=random;

上面的代码工作得很好，现在来了。我希望这个随机值进入最后一个改变#wrapper字体系列的函数。但是当我发出警报时，我会得到一些选项数组（'随机'）。有没有看到1到3的值=（'A'，'B'，'C'）并将其输出到最后一个函数？

例如：

document.getElementById("wrapper").style.fontFamily='A';
document.getElementById("wrapper").style.fontFamily='C';

最好的， XX

Answer 1

这就是你要找的东西：

document.getElementById("wrapper").style.fontFamily = $options[random].value;

Answer 2

您可以执行以下操作（Fiddle here）

function selectRandom() {

    // The dropdown list
    $selectList = $('#textFont option');

    // Amount of options in it
    var options = $selectList.length;

    // Random number between 1 and the amount of options
    var random = Math.floor((Math.random() * options) + 1);

    // Select the option based in the random number
    $selectList.eq(random).prop('selected', true);
}

并调用document.ready（）函数中的函数，以便每当有人刷新页面时加载随机选项：

$(document).ready(function() {
    selectRandom();
});

选择随机选项并执行功能

2 个答案: