تفضل اخي الكود المطلوب
كود PHP:
<html> <head> <title>Limit Multiple Options</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type=text/css>
body{
background:#fc3 !important;
background:#eee;
}
</style>
<script language="javascript">
function LimitCheck(v){
if (v == ""){
document.getElementById("cs").innerHTML=parseInt(document.getElementById("cs").innerHTML) - 1;
}else{
document.getElementById("cs").innerHTML=parseInt(document.getElementById("cs").innerHTML) + 1;
if (parseInt(document.getElementById("cs").innerHTML) == 3){
document.getElementById("s1").setAttribute("disabled","disabled");
document.getElementById("s2").setAttribute("disabled","disabled");
document.getElementById("s3").setAttribute("disabled","disabled");
document.getElementById("s4").setAttribute("disabled","disabled");
document.getElementById("s5").setAttribute("disabled","disabled");
}
}
}
function reseet(){
document.getElementById("s1").removeAttribute("disabled");
document.getElementById("s2").removeAttribute("disabled");
document.getElementById("s3").removeAttribute("disabled");
document.getElementById("s4").removeAttribute("disabled");
document.getElementById("s5").removeAttribute("disabled");
document.getElementById("s1").value="";
document.getElementById("s2").value="";
document.getElementById("s3").value="";
document.getElementById("s4").value="";
document.getElementById("s5").value="";
document.getElementById("cs").innerHTML = 0;
}
</script>
</head> <body>
<div style="text-align:center">
عدد الدورات التي اخترتها : <br /><div id="cs">0</div><br />
</div>
<form method="get" action="http://google.com">
<p dir="rtl"> <b><span style="font-size: 16pt">دورات الكمبيوتر : </span></b><span style="font-size: 16pt">
<select id="s1" style="font-weight: 700" onchange="LimitCheck(this.value)">
<option value="">Select a tag</option>
<option value="one">برمجة</option>
<option value="two">شبكات</option>
<option value="three">تصميم</option>
</select>
</span><b><span style="font-size: 16pt"> <br> <br>
دورات الإدارة المكتبية : </span></b><span style="font-size: 16pt">
<select id="s2" style="font-weight: 700" onchange="LimitCheck(this.value)">
<option value="">Select a tag</option>
<option value="one">اساسيات</option>
<option value="two">2</option>
<option value="three">3</option>
<option value="four">4</option>
<option value="five">5</option>
<option value="six">6</option>
<option value="seven">7</option>
<option value="eight">8</option>
<option value="nine">9</option>
<option value="ten">10</option>
</select>
</span><b><span style="font-size: 16pt"> <br> <br>
دورات المحاسبة : </span> </b><span style="font-size: 16pt">
<select id="s3" style="font-weight: 700" onchange="LimitCheck(this.value)">
<option value="">Select a tag</option> <option value="one">1</option>
<option value="two">2</option> <option value="three">3</option>
<option value="four">4</option> <option value="five">5</option>
<option value="six">6</option> <option value="seven">7</option>
<option value="eight">8</option> <option value="nine">9</option>
<option value="ten">10</option> </select><br> </span><b><span style="font-size: 16pt"><br>
دورات الموارد البشرية : </span></b><span style="font-size: 16pt">
<select id="s4" style="font-weight: 700" onchange="LimitCheck(this.value)">
<option value="">Select a tag</option>
<option value="one">الشخصية الناجحه</option>
<option value="two">2</option>
<option value="three">3</option>
<option value="four">4</option>
<option value="five">5</option>
<option value="six">6</option>
<option value="seven">7</option>
<option value="eight">8</option>
<option value="nine">9</option>
<option value="ten">10</option>
</select>
</span><b><span style="font-size: 16pt"> <br> <br>
دورات المدير الناجح : </span></b> <span style="font-size: 16pt">
<select id="s5" style="font-weight: 700" onchange="LimitCheck(this.value)">
<option value="">Select a tag</option> <option value="one">1</option>
<option value="two">2</option> <option value="three">3</option>
<option value="four">4</option> <option value="five">5</option>
<option value="six">6</option> <option value="seven">7</option>
<option value="eight">8</option> <option value="nine">9</option>
<option value="ten">10</option> </select></span></p> <p dir="rtl">
<input type="submit" value="submit" style="font-weight: 700">
<input type="button" value="re-select" onclick="reseet()" style="font-weight: 700">
<b> </b> </p>
</form>
</body> </html>
واي تعديل او استفسار انا حاضر
ناصر