AttachXMLForSelect:XML自动关联多级SELECT菜单代码和例子[2]

   <item text="text113" value="value113"/>
   <item text="text114" value="value114"/>
  </item>
  <item text="text12" value="value12">
   <item text="text121" value="value121"/>
   <item text="text122" value="value122"/>
   <item text="text123" value="value123"/>
   <item text="text124" value="value124"/>
  </item>
  <item text="text13" value="value13">
   <item text="text131" value="value131"/>
   <item text="text132" value="value132"/>
   <item text="text133" value="value133"/>
   <item text="text134" value="value134"/>
  </item>
  <item text="text14" value="value14">
   <item text="text141" value="value141"/>
   <item text="text142" value="value142"/>
   <item text="text143" value="value143"/>
   <item text="text144" value="value144"/>
  </item>
 </item>
 <item text="text2" value="value2">
  <item text="text21" value="value21">
   <item text="text211" value="value211"/>
   <item text="text212" value="value212"/>
   <item text="text213" value="value213"/>
   <item text="text214" value="value214"/>
  </item>
  <item text="text22" value="value22">
   <item text="text221" value="value221"/>
   <item text="text222" value="value222"/>
   <item text="text223" value="value223"/>
   <item text="text224" value="value224"/>
  </item>
  <item text="text23" value="value23">
   <item text="text231" value="value231"/>
   <item text="text232" value="value232"/>
   <item text="text233" value="value233"/>
   <item text="text234" value="value234"/>
  </item>
  <item text="text24" value="value24">
   <item text="text241" value="value241"/>
   <item text="text242" value="value242"/>
   <item text="text243" value="value243"/>
   <item text="text244" value="value244"/>
  </item>
 </item>
</item>
</xml>
<script>
function alertform(f)
{
 alert(
  "s1:\t"+getselectoption(f("s1")).innertext + "\t:\t" + getselectoption(f("s1")).value + "\r\n"
  +
  "s2:\t"+getselectoption(f("s2")).innertext + "\t:\t" + getselectoption(f("s2")).value + "\r\n"
  +
  "s3:\t"+getselectoption(f("s3")).innertext + "\t:\t" + getselectoption(f("s3")).value + "\r\n"
 );
 return event.returnvalue=false;
}
function getselectoption(s)
{
 return s(s.selectedindex);
}
</script>
<form id=f1 onsubmit="alertform(this)"
><select name="s1" style="width:100px;"></select
><select name="s2" style="width:100px;"></select
><select name="s3" style="width:100px;"></select
><input type="submit">
</form>
<input type=hidden id=inpsave style="behavior:url(#default#savehistory)" value="000">
</body>

<script>
var c=attachxmlforselect(oxml.xmldocument,[f1("s1"),f1("s2"),f1("s3")]);
//暴露controller是因为ie5.0没有提供fireevent,,555555

//下面的代码是储存状态的。
function window.onload()
{
 var sis=inpsave.value;
 f1("s1").selectedindex=parseint(sis.charat(0));
 c.handlechange(f1("s1"));
 f1("s2").selectedindex=parseint(sis.charat(1));
 c.handlechange(f1("s2"));
 f1("s3").selectedindex=parseint(sis.charat(2));
 c.handlechange(f1("s3")); 
}
function window.onbeforeunload()
{
 inpsave.value=""+f1("s1").selectedindex+f1("s2").selectedindex+f1("s3").selectedindex;
}
</script>