javascript - 选择随机选项并执行功能

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';

Answer 1

这是您要找的吗:

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