finilization 09-forms

09-forms/index.html

@@ -67,7 +67,7 @@
         </label>
         <label>
             selectfield
-            <select name="select" >
+            <select multiple name="select" >
                 <option value="select-1">select1</option>
                 <option value="select-2">select2</option>
                 <option value="select-3">select3</option>

09-forms/scripts/main.js

@@ -3,4 +3,17 @@ const form  = document.getElementById('form');
 form.addEventListener('submit', function(event){
     event.preventDefault();
     console.log(event);
-})
+
+    const selectedOptions = form.querySelectorAll('option:checked');
+    for(let i = 0; i < selectedOptions.length;i++){
+        console.log(selectedOptions[i].value);
+    }
+
+    const radioButton = form.querySelector('input[name=radio]:checked');
+    console.log(radioButton.value);
+
+    const checkOptions = form.querySelectorAll('input[name=checkbox]:checked');
+    for(let i = 0; i < checkOptions.length;i++){
+        console.log(checkOptions[i].value);
+    }
+})