Tuesday, 6 September 2016

Search Filter for List and Document Library

Reference Link

<script type="text/javascript">
 function RedirectUrl() {
 var tb = document.getElementById("tbSearch").value;
 var cs = document.getElementById("sfield").value;
 var url = "";

 if (tb != "") {
  if (cs == "Column5" || cs == "Column6"){
  url = "FilterField1=" + cs + "&FilterValue1=" + tb;
  window.location.href = "AllItems.aspx?" + url;
  }
  else {
  url = "FilterName=" + cs + "&FilterMultiValue=*" + tb + "*";
  window.location.href = "AllItems.aspx?" + url;
  }
  }
  else {
  return false;
  }
 }
 function ClearUrl() {
 window.location.href = "AllItems.aspx";
 }
</script>
Search Field: <select id="sfield">
<option selected value="Title" >Person Name</option>
<option value="Column2">Status</option>
<option value="Column4">Case #</option>
<option value="Column5">Date taken</option>
<option value="Column6">DOB</option>
<option value="Column8">other #</option>
<option value="Column10">Notes</option>
<option value="Column12">employee</option>
</select>
&nbsp;
Search text: <input type="text" id="tbSearch" />
<input type="button" id="btnSearch" value="Search" onclick="return RedirectUrl();" />
<input type="button" id="btnClear" value="Clear" onclick="return ClearUrl();" />

Inside of the List or Library use this java script in Script Editor

No comments:

Post a Comment