XML 권 의 실전 금 낭(4):옵션 연동

동기:지금 우 리 는 IE 에서 XML 을 응용 하 는 작은 예 를 들 어 더 블 드 롭 다운 옵션 의 연동 문 제 를 해결 합 니 다.여러분 들 이 가장 흔히 볼 수 있 는 것 은 성 을 선택 한 후에 도시 옵션 을 바 꾸 는 예 일 것 입 니 다.그러면 우 리 는 XML 로 완성 해 보 겠 습 니 다.예전 에 소 개 된 일부 기능 들 은 제 가 직접 XML+XSL 파일 로 완 성 했 습 니 다.여러분 들 이 아직 사용법 을 잘 모 르 실 수도 있 습 니 다.그래서 저 는 이번에 HMTL+XML 로 만 들 었 습 니 다.여러분 들 에 게 더욱 잘 알 리 고 싶 습 니 다."XML 은 원래 이렇게 간단 할 수 있 었 습 니 다!"재료:XML 볼 륨 의 옵션 은 2 개의 파일 이 연결 되 어 있 습 니 다.Citys.xml 과 CitySelect.htm 역할:성 을 선택 하면 해당 하 는 도 시 를 자동 으로 표시 할 수 있 습 니 다.이렇게 하면 사용자 에 게 편리 하고 데이터 상호작용 을 효과적으로 향상 시 켜 자신의 페이지 를 더욱 화려 하고 다 채 롭 게 할 수 있 습 니 다.  효과:여기 탐색  코드:Citys.xml      <도시>구강    <도시>남창    <도시>여산    <도시>경덕진        <도시>북경 서쪽    <도시>거용 관    <도시>칭 화대 원    <도시>주구점        <도시>복주    <도시>하문    <도시>장 주        <도시>란 저 우    <도시>낙 문    <도시>가 욕 관        <도시>광저우    <도시>심 천    <도시>동관    <도시>석 패        <도시>허 페 이    <도시>황산    <도시>구 룡 강    <도시>마 안산  CitySelect.htm 사용자 정의 함수:Choosestate(XML 데이터 의 성 이름 을 읽 고 SelState 의 드 롭 다운 목록 에 추가)function Choosestate(){  var source;  var sourceName = "Citys.xml";  var source = new ActiveXObject('Microsoft.XMLDOM');   //MSXML 해상도 기 인 스 턴 스 만 들 기  source.async = false;  source.load(sourceName);   //XML 문서 불 러 오기  root = source.documentElement;   //문서 요 소 를 루트 노드 요소 로 설정 합 니 다.  sortField=root.selectNodes("//@name");   //검색 속성 에 name 이 포 함 된 모든 노드  for(var i=0;i=0;--i)   //원래 목록 항목 취소  {    form1.SelCity.options.remove(i)  }  for(var i=0;i
"SELECT name="SelState"id="SelState"onchange="ChoosesCity()">>
후기:처음 XML 을 배 웠 을 때 저도 여러분 과 같은 현혹 을 느 꼈 습 니 다."XML 은 배 웠 습 니 다.""그런데 과연 이 XML 은 어떻게 사용 해 야 하나 요?"이 문 제 는 저 를 오랫동안 막 았 습 니 다.아주 오래...전자상거래 와 소프트웨어 개발 이 제 특기 이기 때문에 주변 에서 가장 익숙 한 것 부터 시작 하 는 것 이 좋 겠 습 니 다.그래서 저 는 사이트 건설 에서 가장 많이 사용 되 는 기능 을 XML 방식 으로 완성 하 겠 습 니 다.너 도 마찬가지 야!

좋은 웹페이지 즐겨찾기