jquery/javascript select option randomly

Question

I want to select an option from select randomly.

<select class=".sel" id="sel">
    <option>a</option>
    <option>b</option>
    <option>c</option>
    <option>d</option>
</select>

actually i am using jQuery autocomplete.

Well,the question is how can i select option randomly from a select box ?

and what i tried is

function change_something(opt)
    {
    var randomOption=Math.floor(Math.random()*$(opt+' option').size());
    $(opt+ option["value='"+randomOption+"'"]).attr('selected', 'selected');
  }

Actually i am not a jQuery expert,so i am getting failed to change something .

@elclanrs Thank ou for the contribution to the question,i tried something ` var randomOption=Math.floor(Math.random()*$(opt+' option').size()); $(opt+ option["value='"+randomOption+"'"]).attr('selected', 'selected');` — Red, Mar 06 '12 at 04:10
how about looking at this first: http://stackoverflow.com/questions/7577047/need-a-jquery-randomly-selected-identifier-from-options-available — Sudhir Bastakoti, Mar 06 '12 at 04:14

score 11 · Answer 1 · answered Mar 06 '12 at 04:16

11

Something like this should work:

var $options = $('#sel').find('option'),
    random = ~~(Math.random() * $options.length);

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

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

answered Mar 06 '12 at 04:16

elclanrs

92,861
21
134
171

score 6 · Answer 2 · answered Mar 06 '12 at 04:15

6

That's what you need

options = $("#sel > option")
options[Math.floor(Math.random() * options.length)].selected = true

Also, use class="sel" instead of class=".sel"

answered Mar 06 '12 at 04:15

Daniil Ryzhkov

7,416
2
41
58

Did you try this? It doesn't seem to work for me in Chrome. It only works for me if I set `xxx.selected = "selected"`. – jfriend00 Mar 06 '12 at 04:29
@jfriend00 i changed `.sel` to `sel` :D – Red Mar 06 '12 at 04:34
@jfriend00: Are you setting the attribute? The property should be boolean as shown. – Mar 06 '12 at 04:38

score 3 · Answer 3 · answered Mar 06 '12 at 04:12

3

This will work with your HTML example snippet.

var options = $("#sel > option");

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

$("#sel > option").attr('selected',false).eq(random).attr('selected',true);

answered Mar 06 '12 at 04:12

Ryan Kempt

4,200
6
30
41

what if i want to select one of those options randomly except the first option? (usually empty option) – andufo just now edit – Andres SK Apr 09 '16 at 03:01

score -1 · Answer 4 · answered Mar 06 '12 at 04:23

-1

Change your class from ".sel" to "sel", then Try:


$(document).ready(function() {
   var index = Math.floor(Math.random() * $(".sel option").length) + 1;
  $("select option:nth-child(" + index + ")").prop("selected", true);
});

answered Mar 06 '12 at 04:23

Sudhir Bastakoti

99,167
15
158
162

jquery/javascript select option randomly

4 Answers4

Linked