JSFiddle - React, Tailwind, and code Playground

by n0nick

HTML

<html>
    <head><title></title></head>
    <body>
        
        <select multiple>
            <option>Lorem</option>
            <option>ipsum</option>
            <option>dolor</option>
            <option>sit</option>
            <option>amet,</option>
            <option>consectetur</option>
            <option>adipisicing</option>
            <option>elit,</option>
            <option>sed</option>
            <option>do</option>
            <option>eiusmod</option>
            <option>tempor</option>
            <option>incididunt</option>
            <option>ut</option>
            <option>labore</option>
            <option>et</option>
            <option>dolore</option>
            <option>magna</option>
            <option>aliqua.</option>
            <option>Ut</option>
            <option>enim</option>
            <option>ad</option>
            <option>minim</option>
            <option>veniam,</option>
            <option>quis</option>
            <option>nostrud</option>
            <option>exercitation</option>
            <option>ullamco</option>
            <option>laboris</option>
            <option>nisi</option>
            <option>ut</option>
            <option>aliquip</option>
            <option>ex</option>
            <option>ea</option>
            <option>commodo</option>
            <option>consequat.</option>
            <option>Duis</option>
            <option>aute</option>
            <option>irure</option>
            <option>dolor</option>
            <option>in</option>
            <option>reprehenderit</option>
            <option>in</option>
            <option>voluptate</option>
            <option>velit</option>
            <option>esse</option>
            <option>cillum</option>
            <option>dolore</option>
            <option>eu</option>
            <option>fugiat</option>
            <option>nulla</option>
            <option>pariatur.</option>
            <option>Excepteur</option>
           ...

JavaScript

var i = 0;
$('select').bind('change', function(e) {
    $('#foo > b').text(++i);
});

$('button').bind('click', function(e) {
    var x = Math.random() * 10;
    var $opt = $('select > option').eq(x);
    $opt.prop('selected', !$opt.prop('selected'));
});