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

ドロップダウンリストで特定のオプションが選択されている場合、画面に追加のフィールドを表示する必要がある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
あなたはこのことを考え出したのですか?
追加された 著者 hafichuk,

3 答え

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

ただのアイデアだ...

0
追加された

これを試して。

  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
追加された
.innerHTML を避けてください。 .textContent を使用します。
追加された 著者 Raynos,

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

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

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

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

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

0
追加された
それを試みます。ありがとう!
追加された 著者 Ross,
JavaScript - 日本のコミュニティ
JavaScript - 日本のコミュニティ
2 参加者の

日本人コミュニティのjavascript