Question

我有一个主下拉菜单，当在下拉菜单中选择一个选项时，在下一个文本字段中，另一个下拉菜单必须具有不同的值，并且在主下拉菜单中选择其他选项时，必须显示文本在同一文本字段中。所以基本上我的问题是，当在下拉菜单中选择该选项时，如何在同一输入字段中同时添加文本和dropdwon。

我试图做的问题，即，当前两个选项被选中的值出现在输入栏的一个组成部分，但在选择第三个选项，我不能让下拉出现在输入字段

有人可以帮我解决这个问题！

var newFieldName = "world";
db.bios.update(
   { _id: 3 },
   { $set: {
             ["hello."+newFieldName]: "Amazing Grace"
           }
   }
);

Answer 1

您没有选择dropdown的日子。没有value天的选项（第三个选项）。

首先我们需要设置第三个选项的值
检查其是否选择了onchange功能

我们可以检查change是否选择了 value的{{1}}是option，然后可以附加另一个no-of-days或dropdown我们将不显示任何内容。

运行下面的代码片段以查看其工作情况。

else

function func() {
  var dropdown = document.getElementById("name");
  var selection = dropdown.value;
  var TextBox = document.getElementById("days");
  var appendNewSelect = document.getElementById("container")
  TextBox.value = selection;

  //If days (option) is selected
  if (selection == 'no-of-days') {

    var values = ["1", "2", "3", "4"];

    //Create Select
    var select = document.createElement("select");
    select.name = "date";
    select.id = "date"

    //Select option
    for (const val of values) {
      var option = document.createElement("option");
      option.value = val;
      option.text = val.charAt(0).toUpperCase() + val.slice(1);
      select.appendChild(option);
    }

    //Label
    var label = document.createElement("label");
    label.innerHTML = "Choose your date: "
    label.htmlFor = "date";
    
    appendNewSelect.appendChild(label).appendChild(select);
  } else {
    appendNewSelect.innerHTML = ''
  }
}

在另一个下拉菜单中选择选项时显示下拉菜单

1 个答案: