• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 225
  • Last Modified:

How to post an array in xslt to a form which can be accesssed by javascript function for validation?

My xsl snippet looks  like this:
<root>
<years>
    <yearl>
        <year>2004</year>
        <period>prior</period>
    </yearl>
    <yearl>
        <year>2005</year>
        <period>prior</period>
    </yearl>
</years>
</root>

I am taking this as input and using xslt to render my page. I want to send all the years to my form.The code looks like:

<form method="POST" action="test.jsp" id="tes">
----
--
 <xsl:for-each select="/ROOT/years/yearl">
     <input type="hidden" name="years[]" id="years[]" value="{/ROOT/years/yearl/@year}" />
--
--
</xsl:for-each>
--
</form>

This is my javascript function which is being called on hitting save button

function alert{

              var year = [document.getElementById('years')];
             var y = year.length  ;                        
                           
                            if (confirm("The year is  " + year[1].value+ " you still want to save?")) {
                                    document.getElementById(test').submit();
                                }

}

In this function I want to get the list of all the years and do some validation based upon that. But this does not seem to work. PLease help!
0
redds1
Asked:
redds1
  • 2
  • 2
1 Solution
 
ProculopsisCommented:
<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title> - jsFiddle demo by Proculopsis</title>
 
  <script type='text/javascript' src='http://code.jquery.com/jquery-1.7.1.js'></script>
 
<script type='text/javascript'>//<![CDATA[
$(function(){
var years = "";

$("#years\\[\\]").each(function() {
    years += $(this).val();
    years += "\r\n";
});

alert(years);

});//]]>  

</script>

</head>
<body>
  <form method="POST" action="test.jsp" id="tes">
    <input type="hidden" name="years[]" id="years[]" value="2005" />
    <input type="hidden" name="years[]" id="years[]" value="2006" />
    <input type="hidden" name="years[]" id="years[]" value="2007" />
</form>

 </body>
</html>
0
 
redds1Author Commented:
@Proculopsis: the years are dynamic and they come from the xsl file. How can I send this dynamic array to the form (the values are not hard coded)? In my javascript code, can I use "get element by id" to get the value of this dynamic array?

function alert{

              var year = [document.getElementById('years')];
             var y = year.length  ;                        
                           
                            if (confirm("The year is  " + year[1].value+ " you still want to save?")) {
                                    document.getElementById(test').submit();
                                }

}
0
 
redds1Author Commented:
can I do this without using jquery
0
 
ProculopsisCommented:
<!-- You can use a transfrom to inject the values -->
<?xml version='1.0' encoding='ISO-8859-1'?>
<xsl:stylesheet version='1.0' xmlns:xsl='http://www.w3.org/1999/XSL/Transform'>
    <xsl:template match='/'>

        <xsl:for-each select='root/years/yearl'>

            <input>
                <xsl:attribute name="value">
                    <xsl:value-of select='year' />
                </xsl:attribute>
            </input>            

      </xsl:for-each>

</xsl:template>
</xsl:stylesheet>
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Cloud Class® Course: Python 3 Fundamentals

This course will teach participants about installing and configuring Python, syntax, importing, statements, types, strings, booleans, files, lists, tuples, comprehensions, functions, and classes.

  • 2
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now