Javascript 在下拉列表中获取所选选项的值

我使用以下代码创建了一个下拉菜单：

//在底行div中为表单添加优先级
const formPriority=document.createElement（“选择”）；
formPriority.setAttribute（“名称”、“项目”）；
setAttribute（“占位符”、“优先级”）；
const formPriorityClass=document.createAttribute（“类”）；
formPriorityClass.value=“添加项目表单优先级”；
const priorityOption1=document.createElement（“选项”）；
priorityOption1.value=“优先级1”；
priorityOption1.text=“优先级1”；
formPriority.appendChild（优先选项1）；
const priorityOption2=document.createElement（“选项”）；
priorityOption2.value=“优先级2”；
priorityOption2.text=“优先级2”；
formPriority.appendChild（优先选项2）；
const priorityOption3=document.createElement（“选项”）；
priorityOption3.value=“优先级3”；
priorityOption3.text=“优先级3”；
formPriority.appendChild（优先选项3）；
const priorityOption4=document.createElement（“选项”）；
priorityOption4.value=“优先级4”；
优先级选项4.text=“优先级4”；
formPriority.appendChild（优先选项4）；
addItemNewBottomRowDiv.appendChild（formPriority）；

我正在尝试获取所选选项的值，但未能获取该值。以下是我目前的处境：

让newListItemPriority=document.querySelector（“.addItemFormPriority”）；
让newListItemPrioritySeleted=newListItemPriority.options[newListItemPriority.selectedIndex].value；

我在网上尝试过各种各样的东西，但到目前为止还没有任何运气。目前，我遇到以下错误：

Uncaught TypeError: Cannot read property 'options' of null

---

如果有人知道如何获得该值，我将不胜感激。

问题是您没有使用

元素。setAttributeNode（）

将

添加项表单优先级

设置为任何元素的类值。一旦你这样做了，你的代码就可以工作了

const formPriority = document.createElement("select");
formPriority.setAttribute("name","project");
formPriority.setAttribute("placeholder","Priority");

const formPriorityClass = document.createAttribute("class");
formPriorityClass.value = "add-item-form-priority";
formPriority.setAttributeNode(formPriorityClass);

const priorityOption1 = document.createElement("option");
priorityOption1.value = "Priority 1";
priorityOption1.text = "Priority 1";
formPriority.appendChild(priorityOption1);

const priorityOption2 = document.createElement("option");
priorityOption2.value = "Priority 2";
priorityOption2.text = "Priority 2";
formPriority.appendChild(priorityOption2);

const priorityOption3 = document.createElement("option");
priorityOption3.value = "Priority 3";
priorityOption3.text = "Priority 3";
formPriority.appendChild(priorityOption3);

const priorityOption4 = document.createElement("option");
priorityOption4.value = "Priority 4";
priorityOption4.text = "Priority 4";
formPriority.appendChild(priorityOption4);
addItemNewBottomRowDiv.appendChild(formPriority);

---

当您调用代码时，

newListItemPriority

为空。我很乐意帮助您。那么，我可以知道为什么您没有使用

formPriority.setAttribute（“class”，“additem form priority”）而不是首选
formPriority.setAttributeNode（formPriorityClass）