أريد Select Limit checked

**Abo-Ahmed** · 25-07-2010

السلام عليكم

أريد أن أجعل الزائر يحدد فقط 3 دورات بمعنى لدي الأن 5 دورات لا يستطيع أن يحدد كل الدورات وإنما يستطيع تحديد 3 دورات مثلاً

لو حدد كما موجود في الصورة لا يستطيع أن يختار شيء من بقية الدورات إلا بعد أن يلغي دورة ويختار من الأخرى :

هل السؤال واضح ؟

ارجوا إفادتي بذلك بكود جافا سكربت ..

تحياتي لكم

**Abo-Ahmed** · 25-07-2010

واضح إن القسم ميت

**NASSER88** · 25-07-2010

اخي ابو احمد
هات كود الصفحه وانا اعمل لك التعديل المناسب

**Abo-Ahmed** · 25-07-2010

شكرا اخي NASSER88

كود HTML:

<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>
</head>

<body>
<form method="get" action="http://google.com">
<p dir="rtl">
<b><span style="font-size: 16pt">دورات الكمبيوتر :&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</span></b><span style="font-size: 16pt">
<select  name="test" style="font-weight: 700"  >
<option>Select a tag</option>
<option value="one">برمجة</option>
<option value="two">شبكات</option>
<option value="three">تصميم</option>
</select></span><b><span style="font-size: 16pt">&nbsp; <br>
<br>
دورات الإدارة المكتبية :&nbsp;&nbsp; </span></b><span style="font-size: 16pt">
<select  name="test0" style="font-weight: 700"  >
<option>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>
دورات المحاسبة :&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>
</b><span style="font-size: 16pt"> 
<select  name="test1" style="font-weight: 700"  >
<option>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>
دورات الموارد البشرية :&nbsp; </span></b><span style="font-size: 16pt">
<select  name="test2" style="font-weight: 700"   >
<option>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>
دورات المدير الناجح :&nbsp;&nbsp;&nbsp;&nbsp; </span></b>
<span style="font-size: 16pt">
<select  name="test3" style="font-weight: 700"  >
<option>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"><b> </b>
</p>
</form>
</body>
</html>

**NASSER88** · 25-07-2010

تفضل اخي الكود المطلوب

كود 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">دورات الكمبيوتر :&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </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">&nbsp; <br> <br>
دورات الإدارة المكتبية :&nbsp;&nbsp; </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>
دورات المحاسبة :&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </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>
دورات الموارد البشرية :&nbsp; </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>
دورات المدير الناجح :&nbsp;&nbsp;&nbsp;&nbsp; </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>

واي تعديل او استفسار انا حاضر

ناصر

**Abo-Ahmed** · 27-07-2010

يا أخي أنت فناااااااااااان

شكرا لك اخي ناااااصر

الموضوع: أريد Select Limit checked

أدوات الموضوع

بحث في الموضوع

تعبت وأنا أفكر بإنشاء طريقة Select Limit checked

المواضيع المتشابهه

Bandwidth Limit Exceeded !! والعذاب !!

كيف يتم تركيب limit لكل ip على السيرفر؟

Bandwidth Limit Exceeded

أريد كود جافا بسيط جدا Select all يرجا الدخول للمساعدة

أريد كود جافا بسيط جدا Select all يرجا الدخول للمساعدة

ضوابط المشاركة