首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >jquery/javascript随机选择选项

jquery/javascript随机选择选项
EN

Stack Overflow用户
提问于 2012-03-06 12:06:31
回答 3查看 8.8K关注 0票数 1

我想从随机选择中选择一个选项。

代码语言:javascript
运行
复制
<select class=".sel" id="sel">
    <option>a</option>
    <option>b</option>
    <option>c</option>
    <option>d</option>
</select>

实际上,我使用的是jQuery自动完成。

那么,问题是我如何从选择框中随机选择选项?

我尝试的是

代码语言:javascript
运行
复制
function change_something(opt)
    {
    var randomOption=Math.floor(Math.random()*$(opt+' option').size());
    $(opt+ option["value='"+randomOption+"'"]).attr('selected', 'selected');
  }

实际上,我不是jQuery专家,所以我无法改变一些东西。

EN

回答 3

Stack Overflow用户

发布于 2012-03-06 12:16:34

像这样的东西应该是有效的:

代码语言:javascript
运行
复制
var $options = $('#sel').find('option'),
    random = ~~(Math.random() * $options.length);

$options.eq(random).prop('selected', true);

http://jsfiddle.net/elclanrs/8DPMN/

票数 10
EN

Stack Overflow用户

发布于 2012-03-06 12:15:30

这就是你需要的

代码语言:javascript
运行
复制
options = $("#sel > option")
options[Math.floor(Math.random() * options.length)].selected = true

另外,使用class="sel“代替class=".sel”

票数 6
EN

Stack Overflow用户

发布于 2012-03-06 12:12:19

这将适用于您的HTML示例代码片段。

代码语言:javascript
运行
复制
var options = $("#sel > option");

var random = Math.floor(options.length * (Math.random() % 1));

$("#sel > option").attr('selected',false).eq(random).attr('selected',true);
票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/9577747

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档