JSFiddle - React, Tailwind, and code Playground

by skram

HTML

<p>Test Content Test Content</p><p>Test Content Test Content</p><p>Test Content Test Content</p>
<div id="container">
    <select id="dropdownlist">
        <option>--Select--</option>
        <option>Test Opt 1</option>
        <option>Test Opt 2</option>
        <option>Test Opt 3</option>
        <option>Test Opt 4</option>
        <option>Test Opt 5</option>
    </select>
    <input type="text" id="dropdownInput" value="--Select--" />
</div>

<div id="result"></div>

CSS

#result { position: fixed; bottom: 0px; left: 0px; }

#dropdownInput { width: 67px; }

JavaScript

var $ddInput = $("#dropdownInput");

$ddInput.position({
  my: "left top",
  at: "left top",
  of: "#dropdownlist"
});

$("#dropdownlist").change(function (event) {
    $ddInput.val('foo');
});