JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://jsuites.net/v4/jsuites.js"></script>
<link rel="stylesheet" href="https://jsuites.net/v4/jsuites.css" type="text/css" />


<select id ="ddl" name="ddl" onmousedown="this.value='';" onchange="refresh_dropdown();">
  <option value='1'>One</option>
  <option value='2'>Two</option>
  <option value='3'>Three</option>
</select>

Field 1: <div id="dropdown_field_1" name="dropdown_field_1" onchange="refresh_dropdown();"></div>
  
Field 2: <div id="dropdown_field_2" name="dropdown_field_1" ></div>

JavaScript

var dropdown = jSuites.dropdown(document.getElementById('dropdown_field_1'), {
    data: ["One", "Two", "Three"],
    autocomplete: true,
    multiple: false,
    width: '280px',
});

var dropdown = jSuites.dropdown(document.getElementById('dropdown_field_2'), {
    data: ["One", "Two", "Three"],
    autocomplete: true,
    multiple: false,
    width: '280px',
    onchange: "refresh_dropdown();",
});


function refresh_dropdown(){


alert("test");

}