JSFiddle - React, Tailwind, and code Playground

HTML

<tr>
			<td>From:</td>
            <td>
			<select id="fromId" name="fromId">
                <option value="0" selected >&mdash; Select From &mdash;</option>
				                <option value="1">Manama</option>
				                <option value="2">Hidd</option>
							</select>
			</td>
			<td>To:</td>
            <td>
			<select id="toId" name="toId">
                <option value="" selected >&mdash; Select To &mdash;</option>
				                <option value="1">Madina</option>
				                <option value="2">Riyadh</option>
							</select>
			<td>Transport Type:</td>
            <td>
			<select id="transId" name="transId">
                <option value="" selected >&mdash; Select Transport &mdash;</option>
				                <option value="1">Pickup</option>
				                <option value="2">6 Wheel</option>
							</select>
			</td>
        </tr>
        <br />
<button onclick="myFunction()">Click me</button>
<br />
<input id="someInputa"/>
<input id="someInputb"/>
<input id="someInputc"/>
<br />
<div>
</div>
</div>
<input id="myvalue">

JavaScript

$("#fromId").change(function() {
    $("#someInputa").val($(this).val());
}).change(); // trigger once if needed
$("#toId").change(function() {
    $("#someInputb").val($(this).val());
}).change(); // trigger once if needed
$("#transId").change(function() {
    $("#someInputc").val($(this).val());
}).change(); // trigger once if needed
function myFunction() {
//Get
	var toValues = $("#someInputb").val();
  var fromValues = $("#someInputa").val();
  var transValues = $("#someInputc").val();

//Set


var toValues = $("#someInputb").val();
 $("#myvalue").val(toValues);
}