JSFiddle - React, Tailwind, and code Playground
HTML
<body>
<select data-val="true" data-val-number="The field CC must be a number." id="ccSelect" name="Requirement.CC"><option value="">Select CC</option>
<option value="10">APN</option>
<option value="11">OM&N</option>
<option value="12">PANMC</option>
<option value="13">NCM</option>
<option value="14">NAVSEA</option>
<option value="16">WPN</option>
<option value="18">PRIVATE PARTY</option>
<option value="19">NASA</option>
<option value="20">ARMY</option>
<option value="21">HILL AFB</option>
<option value="22">WRIGHT PATTERSON</option>
<option value="23">STATE DEPARTMENT</option>
<option value="24">F-18 NACES</option>
<option value="25">F-18 NON-NACES</option>
<option value="30">NAVY FMS</option>
<option value="40">MISC.</option>
</select>
</body>
JavaScript
/*
* jQuery UI autocomplete 1.8
*
* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt)
* and GPL (GPL-LICENSE.txt) licenses.
*
* http://docs.jquery.com/UI/autocomplete
*/
(function($) {
$.widget("ui.vcCombobox2", {
_create: function(options) {
var input, self = this,
select = this.element.hide(),
selected = select.children(":selected"),
value = selected.val() ? selected.text() : "",
wrapper = $("<span>").addClass("ui-vcCombobox2").insertAfter(select);
input = $("<input>").css('width', select.width()).attr('maxlength', 150).appendTo(wrapper).vcpluginautocomplete({
delay: 300,
minLength: 0,
source: function(request, response) {
var matcher = new RegExp($.ui.vcpluginautocomplete.escapeRegex(request.term), "i");
if (self.options.lazyLoad) {
var get = new htmldb_Get(null, html_GetElement('pFlowId').value, 'NATIVE=' + self.options.acProc, $v('pFlowStepId'));
get.addParam('x01', request.term);
gReturn = get.get();
gJson = eval(gReturn);
} else {
gJson = eval(eval(select.attr("id") + '_VCPLGN'));
}
var matching = 0;
self.origJson = gJson;
self.resultJson = [];
newvalue = false;
if (self.options.lazyLoad) {
$.each(gJson, function(i, obj) {
matching = ++matching;
self.resultJson.push(obj);
});
} else {
$.each(gJson, function(i, obj) {
var text = obj.srch;
if (obj.label...