如何使DOM将元素值从一个javascript函数选择到另一个
如何使DOM将元素值从一个javascript函数选择到另一个
提问于 2020-08-02 21:59:40
我想问，如何调用我在selectInput函数中创建的select OPTION值，现在我想调用searchPanel函数中select OPTION值的值，我使selectInput函数返回类型，但仍然无法调用该值
function searchPanel() {
const div = document.createElement("div");
div.appendChild(selectInput());
}
function selectInput() {
const select = document.createElement("select");
select.className = `form-control form-control-sm mb-3`;
select.id = "disposal-type";
select.setAttribute("name", "disposal");
const option_Case = document.createElement("option");
option_Case.appendChild(document.createTextNode("Case"));
option_Case.setAttribute("value", "Case");
select.appendChild(option_Case);
const option_Petition = document.createElement("option");
option_Petition.appendChild(document.createTextNode("Petition"));
option_Petition.setAttribute("value", "Petition");
select.appendChild(option_Petition);
return select;
}回答 2
Stack Overflow用户
发布于 2020-08-02 22:24:50
您是否可以尝试在div.appenchild之前调用selectInput()，并将其存储在常量中，然后使用它。
function searchPanel() {
const div = document.createElement("div");
const select = selectInput();
div.appendChild(select);
}Stack Overflow用户
发布于 2020-08-02 22:36:03
您的selectInput函数正确返回了select DOM对象。
如果要检查选择选项值，可以遍历选择选项并使用options数组属性来访问它的值。
const select = selectInput();
for (var i = 0; i < select.length; i++) {
var option = select.options[i];
alert(option.text + " " + option.value);
}将其显示在屏幕上：如果希望此选择显示在屏幕上，则应将其附加到document对象，如下所示：
document.body.appendChild(div);另外，使用onload事件属性调用body标记中的searchPanel方法。
<body onload="searchPanel()"></body>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/63216865
复制相关文章
相似问题
腾讯云开发者
