|
分類:[.NET 全般]
お世話になっております。たろです。
現在、 VS2005 ASP.NET C# でWEBアプリの開発を行っています。
XMLとXSLを使用して画面を表示し、 XSLファイルのjavascriptで下記のように表示した値を取得しようとしたのですが、 XMLのエレメントしか取得できません。
XMLの値をjavascriptで取得する方法はありますでしょうか?
【XSL】 <?xml version="1.0" encoding="UTF-8" ?>
<xsl:stylesheet xmlns:ns="urn:hl7-org:v3" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0" >
<xsl:template match="/"> <html> <head> <title>TEST</title> <script type="text/javascript"> <![CDATA[ function Test_Click(formname, eleName) { var doc = document.forms[formname]; var ele = doc.elements[eleName]; var len = ele.length; var cnt = 0; var stk = ""; //チェックボックスにチェックがついている行の値を取得したい for(var i = 0; i < len; i++){ alert(ele[i].checked); if(ele[i].checked==true){ alert(stk); stk += ele[i].value+"\n"; cnt++; } } } ]]> </script> </head> <body bottomMargin="0" leftMargin="0" topMargin="0" rightMargin="0" bgcolor="#FFFFCC">
<form id="IFORM" method="post" > <table style="width:100%;height: 5%;" cellpadding="0" cellspacing="0" border="0" bgcolor="#FFFFCC"> <tr> <td style="width:16%;height:5%" > </td> <td style="width:68%;height:5%; text-align: center;font-size: large; color:#3366FF" colspan="4"><b>TEST</b></td> <td style="width:16%;height:5%"> </td> </tr> </table> <table style="width:100%;height: 2%;" cellpadding="0" cellspacing="0" border="0" bgcolor="#FFFFCC"> <tr> <td style="width:16%;height:2%" > </td> <td style="width:68%;height:2%; text-align: center;font-size: large; color:#3366FF" colspan="4"> <input name="TestBtn" type="button" value="テストボタン" onclick="Test_Click('IFORM','chkItem[]')"></input></td> <td style="width:16%;height:2%"> </td> </tr> </table> <table style="width:100%;height: 93%;" cellpadding="0" cellspacing="0" border="0" bgcolor="#FFFFCC"> <tr> <td style="width:16%;height:93%" > </td> <td style="width:68%;height:93%; text-align: center; margin: auto; vertical-align:top;" colspan="4"> <table border="1" bgcolor="#E0FFFF" cellpadding="0" cellspacing="0" style="width:100%;"> <tr> <th style="width:7%;height:30px;background-color:#3366FF;font-size:smaller;color:white">選択</th> <th style="width:23%;height:30px;background-color:#3366FF;font-size:smaller;color:white">TEST1</th> <th style="width:10%;height:30px;background-color:#3366FF;font-size:smaller;color:white">TEST2</th> <th style="width:20%;height:30px;background-color:#3366FF;font-size:smaller;color:white">TEST3</th> <th style="width:40%;height:30px;background-color:#3366FF;font-size:smaller;color:white">TEST4</th> </tr> <xsl:for-each select="ns:TEST/ns:TEST/ns:TEST"> <tr>
<td style="text-align: center;"><input type="checkbox" name="chkItem[]" value="ns:test1/@test1"/> </td> <td style="text-align: left;"><xsl:value-of select="ns:test2/@test2"/> </td> <td style="text-align: left;"><xsl:value-of select="ns:test3/@test3"/> </td> <td style="text-align: left;"><xsl:value-of select="ns:test4/@test4"/> </td> <td style="text-align: left;"><xsl:value-of select="ns:test5/@test5"/> </td> </tr> </xsl:for-each> </table> </td> <td style="width:16%;height:93%"> </td> </tr> </table> </form> </body> </html> </xsl:template> </xsl:stylesheet>
|