هل تعتقد أنك إذا استخدمت الـ 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>
بالتوفيــــق