diff --git a/docs/SymptomsCausedByDrugs/index.html b/docs/SymptomsCausedByDrugs/index.html
index 0b45a9c37d4..91ff432b899 100644
--- a/docs/SymptomsCausedByDrugs/index.html
+++ b/docs/SymptomsCausedByDrugs/index.html
@@ -35,26 +35,29 @@
   <script src="./js/PrrByKeyTableView.js"></script>
   <script src="./js/PrrByVaccineTableView.js"></script>
   <script src="./js/PrrBySymptomTableView.js"></script>
+  <script src="./js/SearchParam.js"></script>
   <script src="./js/Select2.js"></script>
   <script>
     document.addEventListener(
       "DOMContentLoaded",
       event => {
         const name = 'Drug';
+        const symptomSearchParam = new SearchParam('symptom');
+        const vaccineSearchParam = new SearchParam('vaccine');
         PageInitializer.initializePage(
           {
             symptom: {
               symptomSelectElement: $('#symptomSelect'),
-              selectSymptom: UIUtils.getSearchParamOfCurrentUrl('symptom'),
-              onSymptomSelected: symptom => UIUtils.setSearchParamOfCurrentUrl('symptom', symptom),
+              selectSymptom: symptomSearchParam.get(),
+              onSymptomSelected: symptom => symptomSearchParam.set(symptom),
               prrByVaccineTableElement: $('#prrByVaccineTable'),
               downloadPrrByVaccineTableButton: document.querySelector("#downloadPrrByVaccineTable"),
               keyColumnName: name
             },
             vaccine: {
               vaccineSelectElement: $('#vaccineSelect'),
-              selectVaccine: UIUtils.getSearchParamOfCurrentUrl('vaccine'),
-              onVaccineSelected: vaccine => UIUtils.setSearchParamOfCurrentUrl('vaccine', vaccine),
+              selectVaccine: vaccineSearchParam.get(),
+              onVaccineSelected: vaccine => vaccineSearchParam.set(vaccine),
               prrBySymptomTableElement: $('#prrBySymptomTable'),
               downloadPrrBySymptomTableButton: document.querySelector("#downloadPrrBySymptomTable"),
               valueName: name
diff --git a/docs/SymptomsCausedByDrugs/js/SearchParam.js b/docs/SymptomsCausedByDrugs/js/SearchParam.js
new file mode 100644
index 00000000000..6c911f2f467
--- /dev/null
+++ b/docs/SymptomsCausedByDrugs/js/SearchParam.js
@@ -0,0 +1,16 @@
+class SearchParam {
+
+    #name;
+
+    constructor(name) {
+        this.#name = name;
+    }
+
+    get() {
+        return UIUtils.getSearchParamOfCurrentUrl(this.#name);
+    }
+
+    set(value) {
+        UIUtils.setSearchParamOfCurrentUrl(this.#name, value);
+    }
+}
\ No newline at end of file