• 3161阅读
  • 0回复

漂亮的下拉框 [复制链接]

上一主题 下一主题
离线cai
 

只看楼主 倒序阅读 0楼 发表于: 2005-10-16
只适用于ie:
  1. <HTML>
  2. <HEAD><title>漂亮的下拉框</title>
  3. <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
  4. <SCRIPT>
  5. // ViaSelect Environment Constants
  6. var SS_ENV = new Object();
  7. SS_ENV.IE_Version = new Number(((window.navigator.appVersion.split('; '))[1].split(' '))[1]);
  8. SS_ENV.CR = new Object();
  9. SS_ENV.CR.ReverseBackground = '#E2519C';
  10. SS_ENV.CR.ReverseText = 'white';
  11. SS_ENV.CR.Border = '#D55C9A';
  12. SS_ENV.CR.BorderActive = '#FF6CB7';
  13. SS_ENV.ImgPrefix = '[url]http://www.viafriend.com/images[/url]';
  14. SS_ENV.DefaultHeight = 20;
  15. SS_ENV.ButtonWidth = 13;
  16. SS_ENV.OptionsDivStyle = ''
  17. + ' display:none;'
  18. + ' z-index:10;'
  19. + ' position:absolute;'
  20. + ' border:1 solid '+ SS_ENV.CR.Border+';'
  21. + ' background-color:white;'
  22. + ' scrollbar-face-color:#D4D0C8;'
  23. + ' scrollbar-shadow-color:white;'
  24. + ' scrollbar-highlight-color:#F6F5F4;'
  25. + ' scrollbar-3dlight-color:white'
  26. + ' scrollbar-darkshadow-color:#86837E;'
  27. + ' scrollbar-track-color:#F6F5F4;'
  28. + ' scrollbar-arrow-color:#86837E;';
  29. SS_ENV.OptionNobrStyle = ''
  30. + ' font-size:12px;'
  31. + ' font-family:宋体;';
  32. // SaySelect Variables
  33. var SS_VAR = new Object();
  34. SS_VAR.DivDummy = document.createElement("DIV");
  35. SS_VAR.SelectList = new Array();
  36. SS_VAR.bEventAttached = false;
  37. var SS_CreatedElements = new Object();
  38. function unloadObjects()
  39. {
  40. try {
  41. if (SS_VAR && SS_VAR.SelectList)
  42. {
  43.   for (key in SS_VAR.SelectList)
  44.   {
  45. if (SS_VAR.SelectList[key])
  46. {
  47. try {
  48. SS_VAR.SelectList[key].select.setAttribute('SS', 0);
  49. } catch (e) {};
  50. delete SS_VAR.SelectList[key];
  51. }
  52.   }
  53. }
  54. } catch (e) {};
  55. }
  56. attachEvent("onunload", unloadObjects);
  57. function SS_create (srcHTML, ListMax, bAutoDetect)
  58. {
  59. // property
  60. this.ssID = SS_VAR.SelectList.length;
  61. this.bOriginalSelect = (bAutoDetect && SS_ENV.IE_Version < 5.5);
  62. this.select = SS_createElement(srcHTML);
  63. this.selectedIndex = this.select.selectedIndex;
  64. this.options = this.select.options;
  65. this.width = parseInt(this.select.style.width);
  66. this.height = (this.select.style.height) ? parseInt(this.select.style.height) : SS_ENV.DefaultHeight;
  67. this.OptionHeight = this.height - 4;
  68. this.bListDown = (ListMax && '-'==ListMax.toString().substr(0, 1)) ? false : true;
  69. this.ListMax = (!isNaN(parseInt(ListMax))) ? Math.abs(ListMax) : 100;
  70. this.Table;
  71. this.TitleDiv;
  72. this.TitleTable;
  73. this.TitleWrapper;
  74. this.OptionsDiv;
  75. this.OptionsWrapper;
  76. this.OptionsTable;
  77. this.bFocused = false;
  78. this.bExpanded = false;
  79. this.bReverse = false;
  80. // private method
  81. this.isThisEventToBeCanceled = SS_isThisEventToBeCanceled;
  82. this.toggleTitle = SS_toggleTitle;
  83. this.syncSelectedIndex = SS_syncSelectedIndex;
  84. this.toggleOptions = SS_toggleOptions;
  85. this.turnOnOption = SS_turnOnOption;
  86. this.turnOffOption = SS_turnOffOption;
  87. this.handleMousewheel = SS_handleMousewheel;
  88. this.handleOverTitle = SS_handleOverTitle;
  89. this.handleOutTitle = SS_handleOutTitle;
  90. this.handleOverOption = SS_handleOverOption;
  91. this.createTable = SS_createTable;
  92. this.createTitleDiv = SS_createTitleDiv;
  93. this.createOptionsDiv = SS_createOptionsDiv;
  94. this.createOptionTr = SS_createOptionTr;
  95. this.adjustOptionsDiv = SS_adjustOptionsDiv;
  96. this.syncOptions = SS_syncOptions;
  97. this.pressOption = SS_pressOption;
  98. this.moveOption = SS_moveOption;
  99. this.releaseOption = SS_releaseOption;
  100. this.pressTitle = SS_pressTitle;
  101. this.releaseTitle = SS_releaseTitle;
  102. // public method
  103. this.display = SS_display;
  104. this.insertOption = SS_insertOption;
  105. this.deleteOption = SS_deleteOption;
  106. this.changeOption = SS_changeOption;
  107. // initiate
  108. this.createTable();
  109. this.select.setAttribute('SS', this);
  110. if (!this.bOriginalSelect)
  111. this.select.onpropertychange = SS_handlePropertychange;
  112. SS_VAR.SelectList[this.ssID] = this;
  113. }
  114. function SS_display ()
  115. {
  116. document.write("<div id=SS_TempDiv></div>\n");
  117. document.all.SS_TempDiv.appendChild(this.Table);
  118. document.all.SS_TempDiv.removeNode();
  119. }
  120. function SS_write (srcHTML, ListMax, bAutoDetect)
  121. {
  122. var oSS = new SS_create(srcHTML, ListMax, bAutoDetect);
  123. oSS.display();
  124. return oSS;
  125. }
  126. function SS_insertOption (value, innerText, idx)
  127. {
  128. var NewOption = document.createElement("OPTION");
  129. SS_CreatedElements[SS_CreatedElements.length] = NewOption;
  130. this.options.add(NewOption, idx);
  131. NewOption.innerText = innerText;
  132. NewOption.value = value;
  133. if (!this.bOriginalSelect)
  134. this.createOptionTr(idx);
  135. this.syncOptions();
  136. this.adjustOptionsDiv();
  137. this.syncSelectedIndex();
  138. }
  139. function SS_deleteOption (idx)
  140. {
  141. this.options.remove(idx);
  142. if (!this.bOriginalSelect)
  143. this.OptionsTable.deleteRow(idx);
  144. this.syncOptions();
  145. this.adjustOptionsDiv();
  146. this.syncSelectedIndex();
  147. }
  148. function SS_changeOption (idx, value, innerText)
  149. {
  150. this.options[idx].value = value;
  151. this.options[idx].innerText = innerText;
  152. this.syncOptions();
  153. this.syncSelectedIndex();
  154. }
  155. function SS_cancelEvent (event)
  156. {
  157. event.cancelBubble = true;
  158. event.returnValue = false;
  159. }
  160. function SS_isThisEventToBeCanceled (event)
  161. {
  162. if ('object' == typeof(event)) {
  163. switch (event.type) {
  164.   case 'mousedown':
  165.   if (!(event.button & 1)) return true;
  166.   break;
  167.   case 'mouseup':
  168.   if (!(event.button & 1)) return true;
  169.   if (SS_ENV.IE_Version >= 5.5 && event.srcElement != this.srcElementOfLastMousedown && this.srcElementOfLastMousedown != null) {
  170.   this.srcElementOfLastMousedown = null;
  171.   return true;
  172.   }
  173.   break;
  174.   case 'mouseout':
  175.   if (!(SS_ENV.IE_Version < 5.5 && event.srcElement == this.srcElementOfLastMousedown))
  176.   return true;
  177.   break;
  178.   case 'mousemove':
  179.   if (SS_ENV.IE_Version >= 5.5 && event.srcElement != this.srcElementOfLastMousedown && this.srcElementOfLastMousedown != null)
  180.   return true;
  181.   break;
  182. }
  183. }
  184. return false;
  185. }
  186. function SS_createElement (html)
  187. {
  188. SS_VAR.DivDummy.insertAdjacentHTML('afterBegin', html);
  189. var oEl = SS_VAR.DivDummy.children(0);
  190. while (SS_VAR.DivDummy.children.length > 0) {
  191. SS_VAR.DivDummy.removeChild(SS_VAR.DivDummy.children(0));
  192. }
  193. return oEl;
  194. }
  195. function SS_blurExcept (except)
  196. {
  197. SS_cancelEvent(window.event);
  198. except = ('number'==typeof(except)) ? except : -1;
  199. var bHasToDetachEvent = true;
  200. for (var i=0; i < SS_VAR.SelectList.length; i++) {
  201. if (-1==except && SS_VAR.SelectList[i].bFocused && SS_VAR.SelectList[i].bExpanded) {
  202.   SS_VAR.SelectList[i].toggleOptions(false, true);
  203.   SS_VAR.SelectList[i].toggleTitle(true);
  204.   bHasToDetachEvent = false;
  205. }
  206. else if (i!=except) {
  207.   if (SS_VAR.SelectList[i].bExpanded)
  208.   SS_VAR.SelectList[i].toggleOptions(false, true);
  209.   if (SS_VAR.SelectList[i].bReverse)
  210.   SS_VAR.SelectList[i].toggleTitle(false);
  211.   SS_VAR.SelectList[i].bFocused = false;
  212. }
  213. }
  214. if (SS_VAR.bEventAttached && bHasToDetachEvent) {
  215. document.detachEvent('onmousedown', SS_blurExcept);
  216. document.detachEvent('ondblclick', SS_blurExcept);
  217. SS_VAR.bEventAttached = false;
  218. }
  219. }
  220. function SS_syncSelectedIndex ()
  221. {
  222. this.selectedIndex = this.select.selectedIndex;
  223. if (this.bOriginalSelect) return;
  224. if (this.TitleTable.cells(0).childNodes(0).innerText != this.options[this.selectedIndex].innerText)
  225. this.TitleTable.cells(0).childNodes(0).innerText = this.options[this.selectedIndex].innerText;
  226. if (this.bExpanded)
  227. this.toggleOptions(false);
  228. }
  229. function SS_toggleTitle (bReverse)
  230. {
  231. this.bReverse = ('undefined'!=typeof(bReverse)) ? bReverse: (!this.bReverse);
  232. this.TitleTable.cells(0).style.backgroundColor = this.bReverse ? SS_ENV.CR.ReverseBackground : '';
  233. this.TitleTable.cells(0).style.color = this.bReverse ? SS_ENV.CR.ReverseText : '';
  234. }
  235. function SS_toggleOptions (bExpanded, bStrict)
  236. {
  237. if (!bStrict && !this.bFocused) {
  238. SS_blurExcept(this.ssID);
  239. }
  240. this.bExpanded = ('undefined'!=typeof(bExpanded)) ? bExpanded: (!this.bExpanded);
  241. if (this.bExpanded) {
  242. this.adjustOptionsDiv();
  243. this.OptionsDiv.style.display = 'block';
  244. if (!bStrict) {
  245.   this.toggleTitle(false);
  246.   this.handleOverOption(this.selectedIndex);
  247. }
  248. this.handleOutTitle();
  249. }
  250. else {
  251. this.OptionsDiv.style.display = 'none';
  252. if (!bStrict) {
  253.   this.toggleTitle(true);
  254. }
  255. }
  256. if (!bStrict) {
  257. this.bFocused = true;
  258. if (!SS_VAR.bEventAttached) {
  259.   document.attachEvent('onmousedown', SS_blurExcept);
  260.   document.attachEvent('ondblclick', SS_blurExcept);
  261.   SS_VAR.bEventAttached = true;
  262. }
  263. }
  264. }
  265. function SS_handlePropertychange ()
  266. {
  267. if ('propertychange'==window.event.type && 'selectedIndex'==window.event.propertyName) {
  268. var oSS = window.event.srcElement.SS;
  269. oSS.syncSelectedIndex();
  270. if (null != oSS.select.onchange)
  271.   oSS.select.onchange();
  272. }
  273. }
  274. function SS_handleMousewheel (event)
  275. {
  276. var idx = this.selectedIndex;
  277. if ('mousewheel'==event.type && this.bFocused && this.bReverse) {
  278. for (var i=0; i < event.wheelDelta; i += 120)
  279.   idx--;
  280. for (var i=0; i > event.wheelDelta; i -= 120)
  281.   idx++;
  282. }
  283. idx = Math.max(idx, 0);
  284. idx = Math.min(idx, this.options.length - 1);
  285. this.select.selectedIndex = idx;
  286. }
  287. function SS_handleOverTitle ()
  288. {
  289. if (this.bExpanded)
  290. return;
  291. this.TitleTable.style.borderColor = SS_ENV.CR.BorderActive;
  292. this.TitleTable.cells(1).style.display = 'none';
  293. this.TitleTable.cells(2).style.display = 'block';
  294. }
  295. function SS_handleOutTitle ()
  296. {
  297. this.TitleTable.style.borderColor = SS_ENV.CR.Border;
  298. this.TitleTable.cells(2).style.display = 'none';
  299. this.TitleTable.cells(1).style.display = 'block';
  300. }
  301. function SS_handleOverOption (idx)
  302. {
  303. for (var i=0; i < this.options.length; i++) {
  304. if (i==idx)
  305.   this.turnOnOption(i);
  306. else
  307.   this.turnOffOption(i);
  308. }
  309. }
  310. function SS_turnOnOption (idx)
  311. {
  312. this.OptionsTable.cells(idx).style.color = SS_ENV.CR.ReverseText;
  313. this.OptionsTable.cells(idx).style.backgroundColor = SS_ENV.CR.ReverseBackground;
  314. }
  315. function SS_turnOffOption (idx)
  316. {
  317. this.OptionsTable.cells(idx).style.color = '';
  318. this.OptionsTable.cells(idx).style.backgroundColor = '';
  319. }
  320. function SS_adjustOptionsDiv ()
  321. {
  322. if (this.bOriginalSelect) return;
  323. this.OptionsDiv.style.width = this.width;
  324. this.OptionsDiv.style.height = Math.min(this.options.length, this.ListMax) * this.OptionHeight + 2;
  325. this.OptionsWrapper.style.height = this.options.length * this.OptionHeight;
  326. this.OptionsDiv.style.overflowY = (this.options.length > this.ListMax) ? 'scroll' : '';
  327. var top = this.Table.offsetTop;
  328. var left = this.Table.offsetLeft;
  329. for (var El = this.Table.offsetParent; 'BODY'!=El.tagName && 'absolute'!=El.style.position && 'relative'!=El.style.position; El = El.offsetParent) {
  330. if ('TABLE' != El.tagName) {
  331.   top += El.clientTop;
  332.   left += El.clientLeft;
  333. }
  334. top += El.offsetTop;
  335. left += El.offsetLeft;
  336. }
  337. this.OptionsDiv.style.top = (this.bListDown) ? (top + this.height) : (top - parseInt(this.OptionsDiv.style.height));
  338. this.OptionsDiv.style.left = left;
  339. this.TitleWrapper.style.top = 0;
  340. this.TitleWrapper.style.left = 0;
  341. }
  342. function SS_syncOptions ()
  343. {
  344. if (this.bOriginalSelect) return;
  345. for (var i=0; i < this.options.length; i++) {
  346. this.OptionsTable.cells(i).setAttribute('index', i);
  347. if (this.OptionsTable.cells(i).childNodes(0).innerText != this.options[i].innerText)
  348.   this.OptionsTable.cells(i).childNodes(0).innerText = this.options[i].innerText;
  349. }
  350. }
  351. function SS_pressTitle (event)
  352. {
  353. SS_cancelEvent(event);
  354. this.srcElementOfLastMousedown = event.srcElement;
  355. this.toggleOptions();
  356. }
  357. function SS_releaseTitle (event)
  358. {
  359. SS_cancelEvent(event);
  360. if (this.isThisEventToBeCanceled(event)) return;
  361. this.srcElementOfLastMousedown = null;
  362. }
  363. function SS_pressOption (event)
  364. {
  365. SS_cancelEvent(event);
  366. this.srcElementOfLastMousedown = event.srcElement;
  367. }
  368. function SS_moveOption (event)
  369. {
  370. SS_cancelEvent(event);
  371. if (this.isThisEventToBeCanceled(event)) return;
  372. if (!(event.offsetX >= 0 && event.offsetX <= this.OptionsTable.offsetWidth)) return;
  373. this.handleOverOption(Math.floor(event.offsetY / this.OptionHeight));
  374. }
  375. function SS_releaseOption (event)
  376. {
  377. SS_cancelEvent(event);
  378. if (this.isThisEventToBeCanceled(event)) return;
  379. this.srcElementOfLastMousedown = null;
  380. if (event.offsetX >= 0 && event.offsetX <= this.OptionsTable.offsetWidth) {
  381. this.toggleOptions(false);
  382. this.select.selectedIndex = Math.floor(event.offsetY / this.OptionHeight);
  383. }
  384. }
  385. function SS_createTable ()
  386. {
  387. this.Table = SS_createElement(""
  388. + "<table border=0 cellpadding=0 cellspacing=0 style='table-layout:fixed; cursor:default'>"
  389. + "<tr><td></td></tr>"
  390. + "</table>"
  391. );
  392. if (!isNaN(this.width))
  393. this.Table.style.width = this.width;
  394. this.Table.style.height = this.height;
  395. if (!this.bOriginalSelect) {
  396. this.createTitleDiv();
  397. this.createOptionsDiv();
  398. this.Table.cells(0).appendChild(this.TitleDiv);
  399. this.Table.cells(0).appendChild(this.OptionsDiv);
  400. }
  401. else {
  402. this.Table.cells(0).appendChild(this.select);
  403. }
  404. }
  405. function SS_createTitleDiv ()
  406. {
  407. this.TitleDiv = SS_createElement(""
  408. + "<div style='position:relative; top:0; left:0;'>"
  409. + " <table border=0 cellpadding=0 cellspacing=1"
  410. + " height="+this.height
  411. + " bgcolor=white"
  412. + " style='table-layout:fixed; border:1 solid "+SS_ENV.CR.Border+";'"
  413. + " onmouseover='SS_VAR.SelectList["+this.ssID+"].adjustOptionsDiv()'"
  414. + " >"
  415. + " <tr>"
  416. + " <td><nobr style='text-oveflow:hidden;"+SS_ENV.OptionNobrStyle+"'></nobr></td>"
  417. + " <td width="+SS_ENV.ButtonWidth+" align=center style='word-wrap:normal'></td>"
  418. + " <td style='display:none' width="+SS_ENV.ButtonWidth+" align=center style='word-wrap:normal'></td>"
  419. + " <td style='display:none'></td>"
  420. + " </tr>"
  421. + " </table>"
  422. + "</div>"
  423. );
  424. this.TitleTable = this.TitleDiv.childNodes(0);
  425. this.TitleTable.cells(0).childNodes(0).innerText = this.options[this.selectedIndex].innerText;
  426. this.TitleTable.cells(1).innerHTML = "<img src='"+SS_ENV.ImgPrefix+"/btn_down.gif' border=0 align=absmiddle>";
  427. this.TitleTable.cells(2).innerHTML = "<img src='"+SS_ENV.ImgPrefix+"/btn_down_s.gif' border=0 align=absmiddle>";
  428. this.TitleTable.cells(3).appendChild(this.select);
  429. this.TitleWrapper = document.createElement(""
  430. + "<img src='"+SS_ENV.ImgPrefix+"/img_blank.gif'"
  431. + " style='position:absolute; top:0; left:0; z-index:2; width:100%; height:"+this.height+";'"
  432. + " onmouseover='SS_VAR.SelectList["+this.ssID+"].handleOverTitle()'"
  433. + " onmouseout='SS_VAR.SelectList["+this.ssID+"].handleOutTitle(); SS_VAR.SelectList["+this.ssID+"].releaseTitle(window.event);'"
  434. + " onmousedown='SS_VAR.SelectList["+this.ssID+"].pressTitle(window.event)'"
  435. + " ondblclick='SS_VAR.SelectList["+this.ssID+"].pressTitle(window.event); SS_VAR.SelectList["+this.ssID+"].releaseTitle(window.event);'"
  436. + " onmouseup='SS_VAR.SelectList["+this.ssID+"].releaseTitle(window.event)'"
  437. + " onmousewheel='SS_VAR.SelectList["+this.ssID+"].handleMousewheel(window.event)'"
  438. + " ondragstart='SS_cancelEvent(window.event)'"
  439. + ">"
  440. );
  441. SS_CreatedElements[SS_CreatedElements.length] = this.TitleWrapper;
  442. this.TitleDiv.appendChild(this.TitleWrapper);
  443. }
  444. function SS_createOptionsDiv ()
  445. {
  446. this.OptionsDiv = SS_createElement(""
  447. + "<div style='"+SS_ENV.OptionsDivStyle+"'"
  448. + " onscroll='SS_VAR.SelectList["+this.ssID+"].moveOption(window.event)'"
  449. + " onmousedown='SS_cancelEvent(window.event)'"
  450. + ">"
  451. + " <table border=0 cellpadding=0 cellspacing=0 width=100% style='table-layout:fixed'>"
  452. + " </table>"
  453. + "</div>"
  454. );
  455. this.OptionsTable = this.OptionsDiv.childNodes(0);
  456. for (var i=0; i < this.options.length; i++) {
  457. this.createOptionTr(i);
  458. }
  459. this.syncOptions();
  460. this.OptionsWrapper = document.createElement(""
  461. + "<img src='"+SS_ENV.ImgPrefix+"/img_blank.gif'"
  462. + " style='position:absolute; top:0; left:0; width:100%;'"
  463. + " onmousedown='SS_VAR.SelectList["+this.ssID+"].pressOption(window.event)'"
  464. + " onmousemove='SS_VAR.SelectList["+this.ssID+"].moveOption(window.event)'"
  465. + " onmouseup='SS_VAR.SelectList["+this.ssID+"].releaseOption(window.event)'"
  466. + " onmouseout='SS_VAR.SelectList["+this.ssID+"].releaseOption(window.event)'"
  467. + " ondragstart='SS_cancelEvent(window.event)'"
  468. + ">"
  469. );
  470. SS_CreatedElements[SS_CreatedElements.length] = this.OptionsWrapper;
  471. this.OptionsDiv.appendChild(this.OptionsWrapper);
  472. }
  473. function SS_createOptionTr (idx)
  474. {
  475. idx = ('undefined'!=typeof(idx)) ? idx : this.options.length - 1;
  476. var OptionTr = this.OptionsTable.insertRow(-1);
  477. var OptionTd = document.createElement("<td height="+this.OptionHeight+"></td>");
  478. SS_CreatedElements[SS_CreatedElements.length] = this.OptionsTd;
  479. OptionTd.appendChild(document.createElement("<nobr style='"+SS_ENV.OptionNobrStyle+"'></nobr>"));
  480. OptionTr.appendChild(OptionTd);
  481. }
  482. </SCRIPT>
  483. </head>
  484. <body><script>SS_write("<select style='width:60;height:18px;font-size:12px' name=star>\n"
  485.   +" <option value=\"\" selected>不限</option>\n"
  486. +"<option value=\"水瓶座\">水瓶座</option>"
  487. +"<option value=\"双鱼座\">双鱼座</option>"
  488. +"<option value=\"白羊座\">白羊座</option>"
  489. +"<option value=\"金牛座\">金牛座</option>"
  490. +"<option value=\"双子座\">双子座</option>"
  491. +"<option value=\"巨蟹座\">巨蟹座</option>"
  492. +"<option value=\"狮子座\">狮子座</option>"
  493. +"<option value=\"处女座\">处女座</option>"
  494. +"<option value=\"天秤座\">天秤座</option>"
  495. +"<option value=\"天蝎座\">天蝎座</option>"
  496. +"<option value=\"射手座\">射手座</option>"
  497. +"<option value=\"摩羯座\">摩羯座</option>"
  498.   +"</select>\n");
  499. </script><br>
  500. <script>SS_write("<select name='province' style='width:60;height:18px;font-size:12px'>\n"
  501. +"<option value=\"\" selected>都行</option>\n"
  502. +"<option value=\"北京\">北京</option>"
  503. +"<option value=\"上海\">上海</option>"
  504. +"<option value=\"天津\">天津</option>"
  505. +"<option value=\"重庆\">重庆</option>"
  506. +"<option value=\"安徽\">安徽</option>"
  507. +"<option value=\"福建\">福建</option>"
  508. +"<option value=\"甘肃\">甘肃</option>"
  509. +"<option value=\"广东\">广东</option>"
  510. +"<option value=\"广西\">广西</option>"
  511. +"<option value=\"贵州\">贵州</option>"
  512. +"<option value=\"海南\">海南</option>"
  513. +"<option value=\"河北\">河北</option>"
  514. +"<option value=\"黑龙江\">黑龙江</option>"
  515. +"<option value=\"河南\">河南</option>"
  516. +"<option value=\"湖北\">湖北</option>"
  517. +"<option value=\"湖南\">湖南</option>"
  518. +"<option value=\"内蒙古\">内蒙古</option>"
  519. +"<option value=\"江苏\">江苏</option>"
  520. +"<option value=\"江西\">江西</option>"
  521. +"<option value=\"吉林\">吉林</option>"
  522. +"<option value=\"辽宁\">辽宁</option>"
  523. +"<option value=\"宁夏\">宁夏</option>"
  524. +"<option value=\"青海\">青海</option>"
  525. +"<option value=\"山西\">山西</option>"
  526. +"<option value=\"陕西\">陕西</option>"
  527. +"<option value=\"山东\">山东</option>"
  528. +"<option value=\"四川\">四川</option>"
  529. +"<option value=\"江西\">江西</option>"
  530. +"<option value=\"西藏\">西藏</option>"
  531. +"<option value=\"新疆\">新疆</option>"
  532. +"<option value=\"云南\">云南</option>"
  533. +"<option value=\"浙江\">浙江</option>"
  534. +"<option value=\"其它\">其它</option>"
  535.   +"</select>\n",8); </script>
  536. </body>
  537. </html>
快速回复
限100 字节
 
上一个 下一个