Updated for multiple selection on forms

Author: djthorpe

js/form.js

@@ -121,6 +121,17 @@ export default class Form extends View {
               elem.checked = true;
             }
             break;
+          case 'select':
+            if (elem.multiple) {
+              elem.options.forEach((opt) => {
+                // eslint-disable-next-line no-param-reassign
+                opt.selected = this.constructor.$selected(opt.value, value);
+              });
+            } else {
+              // eslint-disable-next-line no-param-reassign
+              elem.value = `${value}`;
+            }
+            break;
           default:
             // eslint-disable-next-line no-param-reassign
             elem.value = `${value}`;
@@ -129,6 +140,22 @@ export default class Form extends View {
     });
   }
 
+  static $selected(value, src) {
+    if (src) {
+      if (typeof src === 'string') {
+        return value === src;
+      }
+      if (Array.isArray(src)) {
+        for (let i = 0; i < src.length; i += 1) {
+          if (this.$selected(value, src[i])) {
+            return true;
+          }
+        }
+      }
+    }
+    return false;
+  }
+
   get values() {
     const values = {};
     Array.from(this.$form.elements).forEach((elem) => {
@@ -140,6 +167,16 @@ export default class Form extends View {
               values[key] = elem.value;
             }
             break;
+          case 'select':
+            if (elem.multiple) {
+              values[key] = [];
+              elem.selectedOptions.forEach((opt) => {
+                values[key].push(opt.value);
+              });
+            } else {
+              values[key] = elem.value;
+            }
+            break;
           default:
             values[key] = elem.value;
             break;

js/provider.js

@@ -147,7 +147,7 @@ export default class Provider extends Emitter {
   $fetch(url, req) {
     let status;
     let changed = false;
-    this.dispatchEvent(EVENT_STARTED, this, this.$origin + url);
+    this.dispatchEvent(EVENT_STARTED, this, this.$origin + (url || ''));
     fetch(this.$origin + url, req)
       .then((response) => {
         status = response;

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@djthorpe/js-framework",
-  "version": "0.0.26",
+  "version": "0.0.27",
   "description": "Javascript Framework",
   "main": "dist/js/index.js",
   "scripts": {