function setup(ans) { lit = '' "> function setup(ans) { lit = '' "> function setup(ans) { lit = '' " />

Дадаць тэкставае поле, калі абрана пэўнае падзенне ўніз

У мяне ёсць вэб-форму, дзе мне трэба, каб мець дадатковае поле, якое адлюстроўваецца на экране, калі пэўны параметр выбраны ў выпадальным спісе. Я ішоў за некалькі падручнікаў 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-drop-down», але ён не працуе для мяне таксама.

Дзякуй!

І гэта тое, што я хачу дадаць:

    <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, і зрабіць яго бачнасць схаваная, і калі выбраны пэўны варыянт, атрымаць ідэнтыфікатар DIV ў 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» з'яўляецца ідэнтыфікатарам элемента, які вы хочаце змяніць.

См http://www.webmasterworld.com/forum91/441.htm прыклады на як гэта зрабіць.

0
дададзена
Паспрабую гэта. Дзякуй!
дададзена аўтар Ross, крыніца