JSFiddle - React, Tailwind, and code Playground

by dilani_di

HTML

<label class="control-label col-sm-4" style="text-align: left">Select</label>
                    <div class="col-sm-6">
                        <select id="is_selected" data-key="is_selected"
                            class="form-control ">
                                <option value="999" disabled selected>Select </option>
                            <option  value="1">True</option>
                            <option value="0">False</option>
                        </select>
                    </div>
                    <div>
                      <input type="button" value="click here" onClick="setTrue()">
                      <input type="button" value="Set False" onClick="setFalse()">
                    </div>
                    </div>

JavaScript

function setTrue()
{
	document.getElementById("is_selected").selectedIndex = 1;
}

function setFalse()
{
	document.getElementById("is_selected").selectedIndex = 2;
}