特定のドロップダウンが選択されている場合、テキストフィールドを追加します。

Question

ドロップダウンリストで特定のオプションが選択されている場合、追加のフィールドを画面に表示する必要があります。私はいくつかのJavascriptチュートリアルをオンラインで続けてきましたが、これまでに何も働いていませんでした。既に試したことの1つは次のとおりです。

<script type="text/javascript"> 
    function setup(ans) { 
     lit = '' 
     if (ans == 'manual') { 
     lit = 'Manual Selected' 
     lit = lit + '<tr>' 
     lit = lit + '<th align="right" class="body-text">Add New Group</th>' 
     lit = lit + '<td class="body-text"><input type="text" name="groupadd">' 
     lit = lit + '</td> </tr>' 
    } 
     document.getElementById('rep').innerHTML=lit 
    } 
    </script> 

これは機能しません。それ以外に何ができますか？

私は「http://stackoverflow.com/questions/7353403/javascript-hide-a-form-input-depending-on-the-value-of-a-particular-dropdowndown」も見ましたが私にとってもうまくいかない。

ありがとうございます！

そして、これは私が追加したいものです。

<tr> 
     <th align="right" class="body-text">Add New Group</th> 
     <td class="body-text"><input type="text" name="groupadd"></td> 
    </tr> 

Answer 1

これを試してください。

trElement = document.createElement('tr'); 

    thElement = document.createElement('th'); 
    thElement.className = "body-text"; 
    thElement.innerHTML = "Add New Group"; 

    trElement.appendChild(th); 

    tdElement = document.createElement("td"); 
    tdElement.className = "body-text"; 
    inputElement = document.createElement("input"); 
    inputElement.type = "text"; 
    inputElement.name = "groupadd"; 

    tdElement.appendChild(inputElement); 
    trElement.appendChild(tdElement); 

    document.getElementById("new_field_div").appendChild(trElement); 

Answer 2

私はHTMLの専門家でありませんが、何uが行うことができますすることがdiv要素でTRを入れて、その視認性が隠さ作りで、特定のオプションがあるとき選択された、目に見える= JavaScriptでdiv要素のIDを取得し、その可視性を設定する....

のthatsちょうどアイデア...あなたは、あなたが隠さへの要素の可視性を設定する必要がjavascriptのバニラをしたいと仮定すると、

Answer 3

ページが読み込まれ、オプションが選択されたときに表示されます。

基本的な構文は次のとおりです。「hideshow」は、変更したい要素のidです

document.getElementById('hideshow').style.visibility = 'hidden'; 
document.getElementById('hideshow').style.visibility = 'visible'; 

。

これを行う方法の例は、http://www.webmasterworld.com/forum91/441.htmを参照してください。