DynamicOptionList.js
上传用户:gzy2002
上传日期:2010-02-11
资源大小:1785k
文件大小:5k
源码类别:

电子政务应用

开发平台:

Java

  1. // two functions to allow the change of visibility options
  2. function visno(id) {
  3. e=document.getElementById(id).style;
  4. e.display='none';
  5. }
  6. function visyes(id) {
  7. e=document.getElementById(id).style;
  8. e.display='';
  9. }
  10. // Pass in the name of the element, then the names of the lists it depends on
  11. function DynamicOptionList() {
  12. if (arguments.length < 2) { alert("Not enough arguments in DynamicOptionList()"); }
  13. // Name of the list containing dynamic values
  14. this.target = arguments[0];
  15. // Set the lists that this dynamic list depends on
  16. this.dependencies = new Array();
  17. for (var i=1; i<arguments.length; i++) {
  18. this.dependencies[this.dependencies.length] = arguments[i];
  19. }
  20. // The form this list belongs to
  21. this.form = null;
  22. // Place-holder for currently-selected values of dependent select lists
  23. this.dependentValues = new Object();
  24. // Hold default values to be selected for conditions
  25. this.defaultValues = new Object();
  26. // Storage for the dynamic values
  27. this.options = new Object();
  28. // Delimiter between dependent values
  29. this.delimiter = "|";
  30. // Logest string currently a potential options (for Netscape)
  31. this.longestString = "";
  32. // The total number of options that might be displayed, to build dummy options (for Netscape)
  33. this.numberOfOptions = 0;
  34. // Method mappings
  35. this.addOptions = DynamicOptionList_addOptions;
  36. this.populate = DynamicOptionList_populate;
  37. this.setDelimiter = DynamicOptionList_setDelimiter;
  38. this.setDefaultOption = DynamicOptionList_setDefaultOption;
  39. this.printOptions = DynamicOptionList_printOptions;
  40. this.init = DynamicOptionList_init;
  41. }
  42. // Set the delimiter to something other than | when defining condition values
  43. function DynamicOptionList_setDelimiter(val) {
  44. this.delimiter = val;
  45. }
  46. // Set the default option to be selected when the list is painted
  47. function DynamicOptionList_setDefaultOption(condition, val) {
  48. this.defaultValues[condition] = val;
  49. }
  50. // Init call to map the form to the object and populate it
  51. function DynamicOptionList_init(theform) {
  52. this.form = theform;
  53. this.populate();
  54. }
  55. // Add options to the list.
  56. // Pass the condition string, then the list of text/value pairs that populate the list
  57. function DynamicOptionList_addOptions(dependentValue) {
  58. if (typeof this.options[dependentValue] != "object") { 
  59. this.options[dependentValue] = new Array(); 
  60. }
  61. for (var i=1; i<arguments.length; i+=2) {
  62. // Keep track of the longest potential string, to draw the option list
  63. if (arguments[i].length > this.longestString.length) {
  64. this.longestString = arguments[i];
  65. }
  66. this.numberOfOptions++;
  67. this.options[dependentValue][this.options[dependentValue].length] = arguments[i];
  68. this.options[dependentValue][this.options[dependentValue].length] = arguments[i+1];
  69. }
  70. }
  71. // Print dummy options so Netscape behaves nicely
  72. function DynamicOptionList_printOptions() {
  73. // Only need to write out "dummy" options for Netscape
  74.     if ((navigator.appName == 'Netscape') && (parseInt(navigator.appVersion) <= 4)){
  75. var ret = "";
  76. for (var i=0; i<this.numberOfOptions; i++) { 
  77. ret += "<OPTION>";
  78. }
  79. ret += "<OPTION>"
  80. for (var i=0; i<this.longestString.length; i++) {
  81. ret += "_";
  82. }
  83. document.writeln(ret);
  84. }
  85. }
  86. // Populate the list
  87. function DynamicOptionList_populate() {
  88. var theform = this.form;
  89. var i,j,obj,obj2;
  90. // Get the current value(s) of all select lists this list depends on
  91. this.dependentValues = new Object;
  92. var dependentValuesInitialized = false;
  93. for (i=0; i<this.dependencies.length;i++) {
  94. var sel = theform[this.dependencies[i]];
  95. var selName = sel.name;
  96. // If this is the first dependent list, just fill in the dependentValues
  97. if (!dependentValuesInitialized) {
  98. dependentValuesInitialized = true;
  99. for (j=0; j<sel.options.length; j++) {
  100. if (sel.options[j].selected) {
  101. this.dependentValues[sel.options[j].value] = true;
  102. }
  103. }
  104. }
  105. // Otherwise, add new options for every existing option
  106. else {
  107. var tmpList = new Object();
  108. var newList = new Object();
  109. for (j=0; j<sel.options.length; j++) {
  110. if (sel.options[j].selected) {
  111. tmpList[sel.options[j].value] = true;
  112. }
  113. }
  114. for (obj in this.dependentValues) {
  115. for (obj2 in tmpList) {
  116. newList[obj + this.delimiter + obj2] = true;
  117. }
  118. }
  119. this.dependentValues = newList;
  120. }
  121. }
  122. var targetSel = theform[this.target];
  123. // Store the currently-selected values of the target list to maintain them (in case of multiple select lists)
  124. var targetSelected = new Object();
  125. for (i=0; i<targetSel.options.length; i++) {
  126. if (targetSel.options[i].selected) {
  127. targetSelected[targetSel.options[i].value] = true;
  128. }
  129. }
  130. targetSel.options.length = 0; // Clear all target options
  131. for (i in this.dependentValues) {
  132. if (typeof this.options[i] == "object") {
  133. visyes(targetSel.id); // added by chris to make visible
  134. var o = this.options[i];
  135. for (j=0; j<o.length; j+=2) {
  136. var text = o[j];
  137. var val = o[j+1];
  138. targetSel.options[targetSel.options.length] = new Option(text, val, false, false);
  139. if (this.defaultValues[i] == val) {
  140. targetSelected[val] = true;
  141. }
  142. }
  143. } else {
  144. visno(targetSel.id); // added by chris to hide
  145. }
  146. }
  147. targetSel.selectedIndex=-1;
  148. // Select the options that were selected before
  149. for (i=0; i<targetSel.options.length; i++) {
  150. if (targetSelected[targetSel.options[i].value] != null && targetSelected[targetSel.options[i].value]==true) {
  151. targetSel.options[i].selected = true;
  152. }
  153. }
  154. }