xsltest.xsl
<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/">
<html>
<head>
<title>과일목록</title>
<script>
<![CDATA[
function func(){
alert(document.form.fruit.value);
}
]]>
</script>
</head>
<body>
<h2>과일 선택</h2>
<form name="form">
<!-- 상호 : <input type="text" name="irum" value="제일상회"/> -->
상호 : <input type="text" name="irum">
<xsl:attribute name="value"> <!-- input의 value 셋팅 -->
<xsl:value-of select="목록/점포"/> <!-- xml에서 최상위의 경로인 목록의 childNode인 점포의 데이터를 value에 셋팅해줌 -->
</xsl:attribute>
</input>
<br/>
과일 골라 :
<select name="fruit">
<!-- <option value="사과">사과</option> -->
<xsl:for-each select="목록/과일">
<option>
<xsl:attribute name="value"> <!-- option의 value 셋팅 -->
<xsl:value-of select="."/> <!-- for-each select에서 목록/과일 경로로 진입했기 때문에 . 만 찍어줌(현재경로) -->
</xsl:attribute>
<xsl:value-of select="."/>
</option>
</xsl:for-each>
</select>
<br/>
<br/>
<input type="button" value="확인" onclick="func()"/>
</form>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
===============================================================================================================
xmltest.xml
<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="test11.xsl" ?>
<목록>
<점포>제일상회</점포>
<과일>사과</과일>
<과일>배</과일>
<과일>바나나</과일>
<과일>감</과일>
</목록>
==================
==================
실행은 xml로 실행
'XML' 카테고리의 다른 글
| DTD 보다 더 상세하게 XML을 정의하고 싶을 때 사용하는 XSD (0) | 2014.04.07 |
|---|---|
| xsl 문법을 이해하는 예제 (0) | 2014.04.04 |
| xml과 xsl을 이해하는 예제 (0) | 2014.04.04 |
| xml xmlns : xml namespace (0) | 2014.04.04 |
| DTD에서 속성(ATTLIST) 정의하기, xml dtd #FIXED 적용 (0) | 2014.04.04 |