JSFiddle - React, Tailwind, and code Playground

HTML

<form method="get" action="dir/view/">
<select id="id">
    <option value="1">Component name here</option>
    <option value="2">Component name here</option>
    <option value="3">Component name here</option>
</select>
<input type="submit" value="Go" />
</form>

JavaScript

document.getElementById('id').addEventListener('change', function (e) {
    e.preventDefault();
    e.target.parentNode.setAttribute('action', 'dir/view/' + e.target.value + '/');
}, false);