JSFiddle - React, Tailwind, and code Playground

by Adrian Carriger

HTML

<nav>
    <ul class="main_menu">
        <li><a href=".home">Home</a>

        </li>
        <li><a href=".contact_area">Element1</a>

        </li>
        <li><a href=".contact_area">Element2</a>

        </li>
        <li><a href=".contact_area">Element3</a>

        </li>
        <li><a href=".contact_area">Element4</a>

        </li>
    </ul>
</nav>
<div class="contact_area">
    <form>
        <label for="">Element type:
            <select>
                <option value="Element1">Element1</option>
                <option value="Element2">Element2</option>
                <option value="Element3">Element3</option>
                <option value="Element4">Element4</option>
            </select>
        </label>
    </form>
</div>

JavaScript

$(document).ready(function () {
    $('a').click(function (e) {
		e.preventDefault();
        $('select').val($(this).text());
    });
});