Copy link to clipboard
Copied
Hi,
I have created a web app search form. It has three drop down menus. it works fine.
However, what I want is when a drop down menu is selected it triggers search function based on selected items.
Could you please advise what script could do it?
here is the form detail:
<form name="catcustomcontentform54530" method="post" onsubmit="return checkWholeForm54530(this)" action="/Default.aspx?CCID=20937&FID=133718&ExcludeBoolFalse=True&PageID={module_oid}">
<ul class="search-list-form">
<li>
<label for="CAT_Custom_34">Š¢ŠµŠ¼Š°:</label>
<select name="CAT_Custom_34" id="CAT_Custom_34" class="cat_dropdown">
<option value="*">-- All --</option>
<option value="Š¤ŠøŠ½Š°Š½ŃŠ¾Š²ŃŠ¹ ŃŃŠµŃ (ŠŠ”Š¤Š)">Š¤ŠøŠ½Š°Š½ŃŠ¾Š²ŃŠ¹ ŃŃŠµŃ (ŠŠ”Š¤Š)</option>
<option value="ŠŠ”Š¤Š (ŠŃŃŃŃŠ½Š¾ŃŃŃ)">ŠŠ”Š¤Š (ŠŃŃŃŃŠ½Š¾ŃŃŃ)</option>
<option value="Š¢ŃŠ°Š½ŃŃŠ¾ŃмŠ°ŃŠøŃ (ŠŠ”Š¤Š)">Š¢ŃŠ°Š½ŃŃŠ¾ŃмŠ°ŃŠøŃ (ŠŠ”Š¤Š)</option>
<option value="ŠŠ²ŃŠ¾мŠ°ŃŠøŠ·Š°ŃŠøŃ ŃŃŠ°Š½ŃŃŠ¾ŃмŠ°ŃŠøŠø ŠŠ”Š¤Š">ŠŠ²ŃŠ¾мŠ°ŃŠøŠ·Š°ŃŠøŃ ŃŃŠ°Š½ŃŃŠ¾ŃмŠ°ŃŠøŠø ŠŠ”Š¤Š</option>
<option value="ŠŠ¾Š½ŃŠ¾Š»ŠøŠ“Š°ŃŠøŃ (ŠŠ”Š¤Š)">ŠŠ¾Š½ŃŠ¾Š»ŠøŠ“Š°ŃŠøŃ (ŠŠ”Š¤Š)</option>
<option value="Š£ŠæŃŠ°Š²Š»ŠµŠ½ŃŠµŃŠŗŠøŠ¹ ŃŃŠµŃ">Š£ŠæŃŠ°Š²Š»ŠµŠ½ŃŠµŃŠŗŠøŠ¹ ŃŃŠµŃ</option>
<option value="Š¤ŠøŠ½Š°Š½ŃŠ¾Š²ŃŠ¹ мŠµŠ½ŠµŠ“Š¶мŠµŠ½Ń Šø ŃŠøŠ½Š°Š½ŃŃ">Š¤ŠøŠ½Š°Š½ŃŠ¾Š²ŃŠ¹ мŠµŠ½ŠµŠ“Š¶мŠµŠ½Ń Šø ŃŠøŠ½Š°Š½ŃŃ</option>
<option value="Š ŠøŃŠŗ мŠµŠ½ŠµŠ“Š¶мŠµŠ½Ń">Š ŠøŃŠŗ мŠµŠ½ŠµŠ“Š¶мŠµŠ½Ń</option>
<option value="ŠŃŃ Š³Š°Š»ŃŠµŃŃŠŗŠøŠ¹ ŃŃŠµŃ (Š Š”ŠŠ£)">ŠŃŃ Š³Š°Š»ŃŠµŃŃŠŗŠøŠ¹ ŃŃŠµŃ (Š Š”ŠŠ£)</option>
<option value="Š£ŠæŃŠ°Š²Š»ŠµŠ½ŃŠµŃŠŗŠøŠµ ŠøŠ½ŃŠ¾ŃмŠ°ŃŠøŠ¾Š½Š½ŃŠµ ŃŠøŃŃŠµмŃ">Š£ŠæŃŠ°Š²Š»ŠµŠ½ŃŠµŃŠŗŠøŠµ ŠøŠ½ŃŠ¾ŃмŠ°ŃŠøŠ¾Š½Š½ŃŠµ ŃŠøŃŃŠµмŃ</option>
<option value="SAP/R3">SAP/R3</option>
</select>
</li>
<li>
<label for="CAT_Custom_9">Š£ŃŠ¾Š²ŠµŠ½Ń:</label>
<select name="CAT_Custom_9" id="CAT_Custom_9" class="cat_dropdown">
<option value="*">-- All --</option>
<option value="ŠŠ°Š·Š¾Š²ŃŠ¹">ŠŠ°Š·Š¾Š²ŃŠ¹</option>
<option value="ŠŃŠ¾Š“Š²ŠøŠ½ŃŃŃŠ¹">ŠŃŠ¾Š“Š²ŠøŠ½ŃŃŃŠ¹</option>
<option value="Š£Š½ŠøŠ²ŠµŃŃŠ°Š»ŃŠ½ŃŠ¹">Š£Š½ŠøŠ²ŠµŃŃŠ°Š»ŃŠ½ŃŠ¹</option>
</select>
</li>
<li>
<label for="CAT_Custom_16">ŠÆŠ·ŃŠŗ:</label>
<select name="CAT_Custom_16" id="CAT_Custom_16" class="cat_dropdown">
<option value="*">-- All --</option>
<option value="Š ŃŃŃŠŗŠøŠ¹">Š ŃŃŃŠŗŠøŠ¹</option>
<option value="ŠŠ½Š³Š»ŠøŠ¹ŃŠŗŠøŠ¹">ŠŠ½Š³Š»ŠøŠ¹ŃŠŗŠøŠ¹</option>
</select>
</li>
<li class="search-list-bnt">
<input class="cat_button search-list-btn" type="submit" value="ŠŠ¾ŠøŃŠŗ" />
</li>
</ul>
</form>
<script type="text/javascript" src="/CatalystScripts/ValidationFunctions.js"></script><script type="text/javascript">function checkWholeForm54530(theForm){var why = "";if (why != ""){alert(why);return false;}return true;}</script>{module_webappsresults}