Update biz_v.html

biz_v.html

@@ -20,7 +20,7 @@
             font-size: 28px;
             text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
         }
-        button[type="submit"] {
+        button {
             display: block;
             margin: 20px auto;
             color: white;
@@ -32,7 +32,7 @@
             border-radius: 5px;
             transition: background-color 0.3s ease;
         }
-        button[type="submit"]:hover {
+        button:hover {
             background-color: #388E3C;
         }
     </style>
@@ -44,6 +44,7 @@
     <button id="sendRequestButton">Send Request</button>
     <textarea id="responseArea" rows="10" cols="50" readonly></textarea>
     <div id="dropdown-container"></div>
+    <button id="sendGetRequestButton">Send GET Request</button>
 
     <script>
         document.getElementById('sendRequestButton').addEventListener('click', function() {
@@ -73,6 +74,7 @@
         function createDropdown(data) {
             const container = document.getElementById('dropdown-container');
             const select = document.createElement('select');
+            select.id = 'dropdown';
 
             data.forEach(item => {
                 const option = document.createElement('option');
@@ -82,6 +84,22 @@
             });
 
             container.appendChild(select);
+
+            // Добавление обработчика для кнопки отправки GET-запроса
+            document.getElementById('sendGetRequestButton').addEventListener('click', function() {
+                const selectedValue = document.getElementById('dropdown').value;
+                const getUrl = 'https://example.com?selectedValue=' + encodeURIComponent(selectedValue);
+                fetch(getUrl, {
+                    method: 'GET'
+                })
+                .then(response => response.json())
+                .then(data => {
+                    console.log('GET Response:', data);
+                })
+                .catch(error => {
+                    console.error('Error:', error);
+                });
+            });
         }
     </script>
 </body>