Question

我在“选择”中有两个“选项”。 <选择>

我需要在选择“选项文本”时在标记“ div”中显示“输入类型=文本”，而在选择“选项文本区域”时显示“文本区域”。使用javascript或jQuery。

Answer 1

此代码可以解决问题。

function addElement (elem) { 
  var selectBox = document.getElementById("selectBox");
    var selectedValue = selectBox.options[selectBox.selectedIndex].value;

  // create a new div element 
  var newElem = document.createElement(selectedValue); 

  // add the newly created element and its content into the DOM 
  var currentDiv = document.getElementById("content"); 
  currentDiv.innerHTML = newElem.outerHTML;
}

<select id="selectBox" onchange="addElement();">
        <option value='textarea'>textarea</option>
        <option value='input'>text</option>
    </select>
    <div id='content'>

    </div>

也许有更好的方法，但这是我想到的第一件事。基本上，使用ID和onchange事件，您可以创建一个满足您需要的简单函数。如果您想更好地理解该概念，则应该使用javascript学习DOM操作。

如何使用标签<select>更改代码？

1 个答案: