如何DOM制作select元素值从一个javascript function到另一个

Question

我想问我如何调用我在 selectInput function 中创建的 select 选项的值，现在我想在 searchPanel function 中调用 select 选项值的值我做了 selectInput function 返回类型我仍然无法调用该值

    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;
      }

Answer 1

您可以尝试在div.appenchild之前调用selectInput()并将其存储在常量中然后使用它吗？

function searchPanel() {
  const div = document.createElement("div");
  const select = selectInput();
  div.appendChild(select);
}

Answer 2

您的selectInput function 正确返回 select DOM object。

如果要检查 select 选项值，可以迭代 select 选项并使用options数组属性来访问其值。

const select = selectInput();

for (var i = 0; i < select.length; i++) {
    var option = select.options[i];
    alert(option.text + " " + option.value);
}

将其显示在屏幕上：如果您希望此 select 显示在屏幕上，您应该将其附加到document object 中，如下所示：

document.body.appendChild(div);

此外，使用onload事件属性在 body 标记中调用searchPanel方法。

<body onload="searchPanel()"></body>

如何DOM制作select元素值从一个javascript function到另一个

问题描述

2 个解决方案

解决方案1
0 2020-08-02 14:24:49

解决方案2
0 2020-08-02 14:36:02

如何DOM制作select元素值从一个javascript function到另一个

问题描述

2 个解决方案

解决方案1 0 2020-08-02 14:24:49

解决方案2 0 2020-08-02 14:36:02

解决方案1
0 2020-08-02 14:24:49

解决方案2
0 2020-08-02 14:36:02