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

Question

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

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

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

1

追加された 28 10月 2011 〜で 04:07 著者 Ross

ビュー: 9

源

あなたはこのことを考え出したのですか？

追加された 29 10月 2011 〜で 12:53, 著者 hafichuk, 源

3 答え

これを試して。

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

0

追加された 28 10月 2011 〜で 04:37 著者 Jagira

源

.innerHTML を避けてください。 .textContent を使用します。

追加された 28 10月 2011 〜で 09:14, 著者 Raynos, 源

著者 Zohaib · Answer 1 · 2011-10-28T04:21Z

私はhtmlのエキスパートではありませんが、あなたはdivをtrに入れ、その表示を非表示にして、特定のオプションが選択されるとdivのIDをjavascriptで取得し、可視性を表示する= ....

ただのアイデアだ...

著者 hafichuk · Answer 2 · 2011-10-28T04:25Z

バニラのjavascriptが必要な場合、要素の可視性をページの読み込み時に非表示に設定し、オプションが選択されたときに表示する必要があります。

基本的な構文は次のとおりです。

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

ここで、 'hideshow'は変更したい要素のidです。

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