jsp要素を他の要素に基づいて非表示/非表示

Question

他の要素に基づいて1つの要素を非表示にしたい。認証タイプの値は、それがチェックボックスを隠さないDBから来るとき

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 = ""; 
    } 
}; 

ITSは、そのだけ働いて、細かい作業が、私はselectを使用して変更した場合、私がしたい：私は以下のように実装している

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

両方のシナリオでチェックボックスを非表示にするには、最初に値がselectでdbから来ていて、UIから変更した場合。私はまた、ifステートメントを使用して隠そうとしましたが、selectを変更するとexpireOnLogin idが見つかりません。あなたが編集コンテンツの伝承をクリックした場合の例が与えられている。ここ

Answer 1

は...消え、テキストエリアの表示である

---

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