I have the following code snippet
<div class="space-10"></div>
<form action="/book/index" method="post" class="form-inline" >
<div class="row no-margin no-padding">
<div class="form-group col-sm-3 col-xs-12 no-margin-padding">
<select id="sport" name="sport" data-style="form-control">
<option value="">Välj sport</option>
<option value="1"
data-content="<i class='ma ma-Tennis'></i> Tennis">Tennis</option>
<option value="2"
data-content="<i class='ma ma-Badminton'></i> Badminton">Badminton</option>
<option value="3"
data-content="<i class='ma ma-Squash'></i> Squash">Squash</option>
<option value="4"
data-content="<i class='ma ma-Bordtennis'></i> Bordtennis">Bordtennis</option>
<option value="5"
data-content="<i class='ma ma-Padel'></i> Padel">Padel</option>
<option value="6"
data-content="<i class='ma ma-Övrigt'></i> Övrigt">Övrigt</option>
<option value="7"
data-content="<i class='ma ma-Pickleball'></i> Pickleball">Pickleball</option>
</select>
</div>
And i want random selection of an item from list. I've tried all possible selectors but getting element not found error.