Question

我有一个问题，我希望你可以提供帮助

我有一个条件陷阱来检查元素的值并根据下面的值执行某些操作

 var dropDown = document.getElementById("myStyle");

  if(dropDown.value == "value1"){
    alert("Do Something");
  }
  if(dropDown.value == "value2"){
    alert("Do Something Different");
  }

这很好用，并且不同的东西取决于dropDown的值

我想要的是如果dropDown = value 1那么我希望它创建一定数量的按钮，如果它= value2它会创建不同数量的按钮

我试过以下

 var dropDown = document.getElementById("myStyle");

 if(dropDown.value == "value1"){
    var btn = document.createElement("BUTTON");        // Create a <button> element
    var t = document.createTextNode("CLICK ME");       // Create a text node
    btn.appendChild(t);                                // Append the text to <button>
    document.body.appendChild(btn);   
  }
 if(dropDown.value == "value2"){
    var btn = document.createElement("BUTTON1");        // Create a <button> element
    var t = document.createTextNode("CLICK ME1");       // Create a text node
    btn.appendChild(t);                                // Append the text to <button>
    document.body.appendChild(btn); 
    var btn = document.createElement("BUTTON2");        // Create a <button> element
    var t = document.createTextNode("CLICK ME2");       // Create a text node
    btn.appendChild(t);                                // Append the text to <button>
    document.body.appendChild(btn); 
  }

不幸的是它不起作用，并且不会在任何条件下创建任何按钮

任何我出错的想法基本上我都试图创造相当于

的东西

<button type="button" onclick="small('MEDIUM')" id="select_imc">M</button>

OR

<button type="button" onclick="small('SMALL')" id="select_imc">S</button>
<button type="button" onclick="small('MEDIUM')" id="select_imc">M</button>

视情况而定

感谢任何帮助

标记

Answer 1

您可以在DOM中创建任何名为"BUTTON1"的内容。

document.createElement("BUTTON1");

您需要专门传递标记名称。没有名为BUTTON1的html元素.Inisde条件dropdown.value == 'value2'使用以下内容。只需传递有效的标记名称'BUTTON' < / p>

var dropDown = 'value2'

if(dropDown == "value2"){
        var btn = document.createElement("button");        // 
        var t = document.createTextNode("CLICK ME1");       
        btn.appendChild(t);                                
        document.body.appendChild(btn); 
        btn = document.createElement("button");        
        t = document.createTextNode("CLICK ME2");       
        btn.appendChild(t);                                
        document.body.appendChild(btn); 
      }

Answer 2

    var dropDown = document.getElementById("myStyle");
var selectedDDVal = dropDown.options[dropDown.selectedIndex].value;

if(selectedDDVal == "value1"){
  var btn = document.createElement("BUTTON");        // Create a <button> element
  var t = document.createTextNode("CLICK ME");       // Create a text node
  btn.appendChild(t);                                // Append the text to <button>
  document.body.appendChild(btn);   
}

if(selectedDDVal == "value2"){
 var btn = document.createElement("BUTTON1");        // Create a <button> element
 var t = document.createTextNode("CLICK ME1");       // Create a text node
 btn.appendChild(t);                                // Append the text to <button>
 document.body.appendChild(btn); 
}

条件上的Javascript按钮

2 个答案: