JSFiddle - React, Tailwind, and code Playground

by Paul Leech

HTML

<input type="text" size="2" id="selectVal"/>
<button onclick="setSelect()">Set the select</button>
<select id="mySelect">
    <option value="0">Select an option</option>
    <option value="1">A</option>
    <option value="2">B</option>
    <option value="3">C</option>
    <option value="4">D</option>
</select>

JavaScript

function setSelect() {
    //var desiredOption = $("#selectVal").val();
    var selectValue = document.getElementById("#selectVal");
    var desiredOption = selectValue.value;
    if (desiredOption == '') {
        selectValue.focus();
        return false;
    }
    var hasOption = $('#mySelect option[value="' + desiredOption + '"]');
    if (hasOption.length == 0) {
        alert('No such option');
    } else {
        $('#mySelect').val(desiredOption);
    }
    $("#selectVal").select();
}