From 097f85b9be133a5da45b490ecf12e3b9d2376f2e Mon Sep 17 00:00:00 2001
From: denis <mail@z3x.ru>
Date: Fri, 22 May 2026 13:51:37 +0000
Subject: [PATCH] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8=D1=82?=
 =?UTF-8?q?=D1=8C=20js/createSelectElement.md?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 js/createSelectElement.md | 72 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 72 insertions(+)
 create mode 100644 js/createSelectElement.md

diff --git a/js/createSelectElement.md b/js/createSelectElement.md
new file mode 100644
index 0000000..7253077
--- /dev/null
+++ b/js/createSelectElement.md
@@ -0,0 +1,72 @@
+# Создание выпадающего списка 
+
+
+
+
+### Пример работы
+```js
+        attributes = {
+            "event":"addStatusTransport",
+            "attr_data":{
+                "brigade_id":document.getElementById("brigade_id").innerText,
+                "user1c_id":e.dataset.usesr1cId,
+            }
+        }
+
+        cElementBySelect(e.parentNode.nextElementSibling,status_transport,attributes);
+
+```
+
+
+```js
+/**
+ * Создание вырадающего списка 
+ * 
+ * @param el - Элемент куда буде помещен созанный список
+ * @param data - объект с ключем и значением ([{value:text}]) 
+ * @param atttributes - Обект содержащий название события и аттридубыи data
+ */
+
+function cElementBySelect(el,data = {}, atttributes=null) {
+    select = document.createElement('select');
+    select.classList.add("form-select")
+
+    if(atttributes){
+
+        if('event' in atttributes){
+            
+            select.addEventListener('change',window[atttributes.event])
+        }
+
+        if('attr_data' in atttributes){
+            
+            Object.entries(atttributes.attr_data).forEach(([key, value]) => {
+                select.dataset[key] = value
+            });
+            
+        }
+    }
+    
+    if(Object.keys(data).length){
+        option = document.createElement('option');
+        option.value =0;
+        option.innerText = "";
+        select.append(option)
+
+        data.forEach((dt)=>{
+            option = document.createElement('option');
+            option.value =dt.value;
+            option.innerText = dt.text;
+            select.append(option)
+        })
+   
+        elchild = el.querySelector("select") || null
+
+        if(!elchild){
+            el.append(select)
+        }
+    }else{
+        alert("Отсутствуют элементы для выпадающего списка");
+    }
+}
+```
\ No newline at end of file