JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<button class="quick">QuickLink</button>
<div class="list">
<ul class="apps">
<li value=1>CAPM</li>
<li value=6>GCS</li>
<li value=2>GRS</li>
</ul>
</div>
<select class="xyz">
<option value=1>CAPM</option>
<option value=2>GRS</option>
<option value=3>BDS</option>
<option value=4>CCAS</option>
<option value=5>WEDAT</option>
<option value=6>GCS</option>
</select>
<span id="result"></span>
JavaScript
$(function () {
$('.apps li').click(function () {
litext = $(this).text();
$('.xyz option').filter(function () { return $(this).html() == litext }).attr('selected', true);
$("#result").html($(this).val());
});
});