Javascript - getElementByIdと助けてください

Question

<script type="text/javascript"> 
    function myfunction() { 
     if (document.getElementById('myform').value == "yes") { 
      document.getElementById('yesinput').style.display = ''; 
     } else { 
      document.getElementById('yesinput').style.display = 'none'; 
     } 
    } 
</script> 

<select name="myform" id="myform" onchange="myfunction()"> 
<option selected="selected">please select</option> 
    <option value="yes">Yes</option> 
    <option value="no">No</option> 
</select> 

<div id="yesinput" style="display:none"> 
<input name="input" type="text" /> 
</div> 

<div id="noinput" style="display:none"> 
<input name="input" type="text" /> 
</div> 

ヘルプya。 Noを選択すると、id = "noinput"の下に別の入力フィールドが表示されます。

はいを選択すると、現在動作しています。私に教えてください

Answer 1

function myfunction() { 
    if (document.getElementById('myform').selectedIndex == 0) { 
     document.getElementById('noinput').style.display = 'none'; 
     document.getElementById('yesinput').style.display = 'inline'; 
    } else { 
     document.getElementById('noinput').style.display = 'inline'; 
     document.getElementById('yesinput').style.display = 'none'; 
    } 
} 

Answer 2

新しい要素を作成し、それをJavascript経由でDOMに追加することができます。例：

var newInput = document.createElement("input"); 
newInput.setAttribute("id", "newElement"); 
newInput.setAttribute("type", "text"); 
document.body.appendChild(newInput);