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

Belirli bir açılır menü seçildiyse metin alanı ekle

Bir açılır menüde belirli bir seçenek seçiliyse ekranda görüntülenecek ek bir alanın olması gereken bir web formum var. İnternette birkaç Javascript eğitimini takip ettim ve şu ana kadar hiç çalışmadım. Şimdiden denediğim şeylerden biri:

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

Çalışmıyor. Başka ne deneyebilirim?

Ayrıca "http://stackoverflow.com/questions/7353403/javascript-hide-a-form-input-depending-on-the-value-of-a-particular-drop-down" 'ı da gördüm ama işe yaramıyor Benim için de.

Teşekkürler!

Ve bu eklemek istediğim şey:

    <tr>
        <th align="right" class="body-text">Add New Group</th>
        <td class="body-text"><input type="text" name="groupadd"></td>
    </tr>
1
Bunu anlatabildin mi?
katma yazar hafichuk, kaynak

3 cevap

Ben html uzman değilim, ama ne yapabilirim ki div div, ve görünürlük gizlenmiş koymak ve belirli bir seçenek seçildiğinde, JavaScript içinde div id almak ve görünürlük ayarlamak = görünür ....

bu sadece bir fikir ...

0
katma

Bunu dene.

  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
katma
.innerHTML 'den kaçınmaya çalışın. .textContent 'ı kullanın
katma yazar Raynos, kaynak

Vanilya javascript'i istediğinizi varsayarsak, öğenin görünürlüğünü sayfa yüklemesinde gizli olarak ayarlamanız ve seçenek seçildiğinde göstermeniz gerekir.

Temel sözdizimi şöyledir:

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

'gizlenme', değiştirmek istediğiniz öğenin kimliği.

Üzerindeki örnekler için http://www.webmasterworld.com/forum91/441.htm adresine bakın. bu nasıl yapılır.

0
katma
Bunu deneyeceğim. Teşekkürler!
katma yazar Ross, kaynak