用javascript動態創建一個textarea

Question

我想在具有ID的適當div位置單擊“是”單選按鈕時，使用javascript創建textarea嗎？

<div class="controls">
<input type="radio" name="name" id="optionsRadios" value="no" checked><b>NO</b>
<input type="radio" name="name" id="optionsRadios" value="yes" ><b>YES</b>
</div>
<div id="positiontext"></div>

幫我

Answer 1

與其創建和刪除文本區域，不如將其顯示設置為

 function nameChange(el) { document.getElementById('positiontext').style.display = el.value == 'yes' ? '' : 'none'; } 

 <div class="controls"> <input type="radio" name="name" id="optionsRadios" value="no" onchange="nameChange(this)" checked /><b>NO</b> <input type="radio" name="name" id="optionsRadios" value="yes" onchange="nameChange(this)" /><b>YES</b> </div> <div id="positiontext" style="display: none;"> <textarea name=""></textarea> </div> 

Answer 2

通過將onclick事件添加到“是”單選按鈕來嘗試此操作，

<input type="radio" name="name" id="optionsRadios" value="yes" onchange="addDIV()">

在javascript中，

<script>
function addDIV() {
    document.getElementById('positiontext').innerHTML = "<input type='textarea' name='myText' />"
}
</script>

現場演示

Answer 3

我認為您應該使用為此專門設計的gome函數來執行此操作：

<div class="controls">
<input type="radio" name="name" id="optionsRadios" value="no"  checked><b>NO</b>
<input type="radio" name="name" id="optionsRadios" value="yes" onclick="addtxt();" ><b>YES</b>
</div>
<div id="positiontext"></div>

JavaScript的：

var addtxt = function(){
 var positiontext(parent) = document.getElementById("positiontext");
 var textarea(child) = document.createElement("textarea");
     textarea(child).addAttribute("style", "(some properties)") //there are other ways also to add some attribute but for now use this

positiontext(parent) .appendChild("textarea(child)")
}