javascriptjavaxmljspxmi

How to hide JSP generated text field using javascript?

JSP CODE

<%= formData.displayField("ABCDRADIO", true) %>
        <div id="show" style="display:none"><%= formData.displayField("ABCD_DESC", true)%></div>
        <%if((formData.getValue("ABCDRADIO").equals("Y") )) {%>
        <script>showDesc("Y");</script>
        <% }else{ %>
        <script>showDesc("N");</script>
        <% } %>

JAVASCRIPT CODE :

  function showDesc(mode)
    {
        alert("Called");
        if(mode==="N"){
        document.getElementById('show').style.display="none";}
        else{
        document.getElementById('show').style.display="block";}
    }

I am generating radio button through a framework by calling the associated XML. But I cannot do Hide and show using that. I want to show ADCD_DESC text field when radio button is Y and hide it when N. The javascript function is getting called but the field is still being displayed.

Solution

  • Why don't you hide directly using server-side if statement in your jsp?

    <%= formData.displayField("ABCDRADIO", true) %>
<div id='show'
     style='display:<%=formData.getValue("ABCDRADIO").equals("Y")?"block":"none"%>'
  <%= formData.displayField("ABCD_DESC", true)%>
</div>

    I hope it helps you, bye.