Question

当我点击＆＃34;是＆＃34;我想用javascript创建textarea在带有id的适当div位置的单选按钮

<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

而不是创造＆amp;删除textarea，我会将其显示设置为

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事件添加到yes单选按钮

来尝试此操作

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

FIDDLE DEMO

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)")
}

使用javascript动态创建textarea

3 个答案:

的javascript：