JSFiddle - React, Tailwind, and code Playground

by Emre Erkan

HTML

<input type="text" name="tbsearchterm" /><br />
<form id="advanceSearchCriteria">
<input type="text" name="t1" />
<input type="text" name="t2" />
<input type="text" name="t3" />
<input type="text" name="t4" />
<input type="text" name="t5" />
</form>
<button>Get Values</button>

JavaScript

$('button').click(function() {
    setAdvancedSearchString();
    return false;
});

function setAdvancedSearchString() {
   //checkField();
   var txt = $("input[name='tbsearchterm']");
    $("#advanceSearchCriteria :input[value!='']").each(function(i, field) {
        txt.val(function(index, value) {
            return [value, field.name, ": ", field.value, " "].join('');
        });
    });
}