jsp Element auf der Basis von anderen Element ausblenden/einblenden

Question

Ich möchte ein Element auf der Grundlage von anderen Element ausblenden.

<table class="entry" > 
    <tr> 
     <th><s:text name="security.user.label.authentication-type" /></th> 
     <td><s:select 
      name="currentUser.authImpl" 
      onchange="DMAINC.module.security.User.removeExpirePassword('%{tabId}');" 
      list="@com.dmainc.web.common.security.AuthenticationType@values()" 
      headerKey="" 
      headerValue="[Please Select]" 
      listKey="classname" 
      id="authImpl_%{tabId}" /></td> 
    </tr> 
    <tr id="expireOnLogin" > 
     <th><s:text name="security.user.label.expire-password" /></th> 
     <td><s:checkbox id="expireOnLog" name="expireOnLogin"/></td> 
    </tr> 
</table> 

Ich habe wie unten ausgeführt:

DMAINC.module.security.User.removeExpirePassword = function(tabId) 
{ 
    var auth = document.getElementById("authImpl_" + tabId).value; 
    if(auth=="com.dmainc.commons.security.service.jaas.JAASAuthenticator"){ 
     var doc = document.getElementById("expireOnLogin"); 
     doc.style.display = "none"; 
    } 
    else{ 
     alert(2); 
     var doc = document.getElementById("expireOnLogin"); 
     doc.style.display = ""; 
    } 
}; 

seine Arbeits gut, aber wenn der Authentifizierungstyp Wert herkommt db es das Kontrollkästchen nicht verbergen hat, seine Arbeit nur, wenn ich wählen Sie ändern mit, ich will Kontrollkästchen in beiden Szenario ausblenden, zuerst, wenn der Wert ausgewählt ist, kommt aus der Datenbank und wenn ich von der Benutzeroberfläche ändern. Ich versuchte auch, wenn Aussage zu verstecken, aber wenn ich die Auswahl ändere, findet es nicht expireOnLogin Identifikation.

Answer 1

Hier Beispiel gegeben, wenn Sie auf Inhalt bearbeiten Lore klicken ... ist verschwinden und TextArea- Display

---

<script> 
 
       function showStuff(id, text, btn) { 
 
        document.getElementById(id).style.display = 'block'; 
 
        // hide the lorem ipsum text 
 
        document.getElementById(text).style.display = 'none'; 
 
        // hide the link 
 
        btn.style.display = 'none'; 
 
       } 
 
      </script>

  <td class="post"> 
 

 
       <a href="#" onclick="showStuff('answer1', 'text1', this); 
 
     return false;">Edit</a> 
 
       <span id="answer1" style="display: none;"> 
 
        <textarea rows="10" cols="115"></textarea> 
 
       </span> 
 

 
       <span id="text1">Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum</span> 
 
      </td>