From e8ec2de919fae06beae78f8e7683bac14719ca52 Mon Sep 17 00:00:00 2001
From: neerajkumar-lad <neeraj.kumar@curefit.com>
Date: Sun, 26 Apr 2020 18:40:01 +0530
Subject: [PATCH] added Multiple dropdown value feature

---
 views/dropdown.erb | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)

diff --git a/views/dropdown.erb b/views/dropdown.erb
index 2535132b..a67d192d 100644
--- a/views/dropdown.erb
+++ b/views/dropdown.erb
@@ -8,6 +8,21 @@
     <option value="2">Option 2</option>
   </select>
 </div>
+
+<div class="example">
+  <h3>Multiple value Dropdown List</h3>
+  <select id="dropdown1" multiple="true">
+    <option value="" disabled="disabled" selected="selected"
+      >Please select an option</option
+    >
+    <option value="1">Option 1</option>
+    <option value="2">Option 2</option>
+    <option value="3">Option 3</option>
+    <option value="4">Option 4</option>
+  </select>
+</div>
+
+
 <script>
   var dropdown = document.getElementById('dropdown');
   dropdown.onchange = function(event) {
@@ -20,3 +35,16 @@
       .setAttribute('selected', 'selected');
   };
 </script>
+
+<script>
+  var dropdown = document.getElementById('dropdown1');
+  dropdown.onchange = function(event) {
+    var options = dropdown.getElementsByTagName('option');
+    for (var i = 0; i < options.length; i++) {
+      options[i].removeAttribute('selected');
+    }
+    document
+      .querySelector(`#dropdown1 option[value='${event.target.value}']`)
+      .setAttribute('selected', 'selected');
+  };
+</script>