هل تعتقد أنك إذا استخدمت الـ Dreamwavre CS3 أو شيئ آخر ستختلف طريقة البرمجة ؟
المهم هذه الطريقة التي تبحث عنها :
أنشئ ملف إسمه مثلا jscode.js
و محتواه هو :
	كود HTML:
	var otherStuff = {
   "item 1" : [ "subitem 1.1", "subitem 1.2", "subitem 1.3", "subitem 1.4" ],
   "item 2" : [ "subitem 2.1", "subitem 2.2" ],
   "item 4" : [ "subitem 4" ],
   "item 6" : [ "subitem 6.1", "subitem 6.2" ]
};
function selectAll(listName, selected) {
  var listBox = document.getElementById(listName);
  for(i=0; i<listBox.length; i++) {
    listBox.options[i].selected=selected;
  }
  if( listBox.onchange ) {
    listBox.onchange();
  }
}
function lstStuff_OnChange() {
  var listBox = document.getElementById("lstStuff");
  var subListBox = document.getElementById("lstOtherStuff");
  subListBox.options.length=0;
  for(i=0; i<listBox.length; i++) {
    if( listBox.options[i].selected ) {
      var key = listBox.options[i].text;
      if(otherStuff[key]) {
        for(j=0; j<otherStuff[key].length; j++) {
        subListBox.options.add(new Option(otherStuff[key][j],otherStuff[key][j]));
        }
      }
    }
  }
}
 إدرجه في صفحتك بهذه الطريقة :
	كود HTML:
	<script type="text/javascript" src="jscode.js"></script>
 الآن في الـ Body :
	كود PHP:
	
<form name="main">
<select name="Make" onchange="fillSelectFromArray(this.form.Team, ((this.selectedIndex == -1) ? null : team[this.selectedIndex-1]));">
<option value="-1">Select Team
<option value="1">Montreal Canadiens
<option value="2">Pittsburg Penguins
<option value="3">Toronto Maple Leafs
<option value="4">Ottawa Senators
</select>
<br>
<select name="Team" size="5">
<option>                                  </option>
<option>                                  </option>
<option>                                  </option>
<option>                                  </option>
<option>                                  </option>
</select>
</form> 
 بالتوفيــــق