Feature/add select support (#123)

* Add select form element to use inside statement generator

* Refactor _getGroupValue to evaluate isText as not radio or checkbox

* Update README with form element support content

README.md

@@ -73,6 +73,20 @@ The generator tool is setup in such a way that content is seperated from functio
 
 The create statement contents are wrapped inside `<section class="page create">`. Just simply add or remove the html markup to edit the form.
 
+Supported form elements are:
+- input
+
+  NOTE: Input types of type radio and checkbox require the value attribute set, for example:
+
+  ```html
+  <input type="radio" name="radiogroup" value="option 1">
+  <input type="radio" name="radiogroup" value="option 2">
+  <input type="radio" name="radiogroup" value="option x">
+  ```
+
+- textarea
+- select
+
 There is one extra functionality available to dynamically add extra line to grouped form input; add-line. To use this there are several practical examples inside the form. Required for add-line to work is this basic setup:
 
 ```html

content-images/wai-statements/generator.js

@@ -51,7 +51,7 @@
         var nodeName = item.nodeName;
         var isProto = item.parentNode && item.parentNode.classList.contains('proto');
 
-        if (['INPUT', 'TEXTAREA'].indexOf(nodeName) !== -1 && !isProto) {
+        if (['INPUT', 'TEXTAREA', 'SELECT'].indexOf(nodeName) !== -1 && !isProto) {
           _setFormData(item);
         }
       });
@@ -103,7 +103,8 @@
     function _getGroupValue(groupName) {
       var group = _getFormGroup(groupName) || [];
       var checkedMembers = Array.prototype.filter.call(group, function getChecked(member) {
-        var isText = member.type === 'text';
+        var isText = member.type !== 'radio'
+          || member.type !== 'checkbox';
 
         return member.checked || (isText && member.value);
       });
@@ -177,6 +178,7 @@
       var allowedInputs = [
         'INPUT',
         'TEXTAREA',
+        'SELECT'
       ];
 
       // Store formdata for changed input