Question

假设我的HTML如下所示

<select>
         <option value="1">option 1</option>
         <option value="2">option 2</option>
         <option value="3">option 3</option>
         <option value="4">option 4</option>
</select>

如何从所有项目中选择一个随机答案。

Answer 1

var $sel = $("select > option");
var $opt = $sel.eq(Math.floor(Math.random() * $sel.length));
alert($opt.text());  
// now do stuff with $opt

演示：http://jsfiddle.net/YLdnY/2

Answer 2

虽然你应该自己做这个，但这里有相关的代码：

<select id="test">
         <option value="1">option 1</option>
         <option value="2">option 2</option>
         <option value="3">option 3</option>
         <option value="4">option 4</option>
</select>
<script>
$(document).ready(function() {
   var random = Math.floor(Math.random()*$('#test option').length);
   $('#test option').eq(random).attr('selected', 'selected');

});
</script>

http://jsfiddle.net/GL2A8/

Answer 3

试试这个：

$($("select option")[Math.floor(Math.random() * ($("select option").length + 1))]).prop("selected", true);

演示：http://jsfiddle.net/j2Ck5/

Answer 4

您始终可以选择1到n之间的随机数（在这种情况下n = 4），然后将选择值设置为数字。

var randomNumber = Math.floor((Math.random() * $("select option").length) + 1);
$("select").val(randomNumber);

如何用随机答案回答下拉菜单

4 个答案: