ورود

View Full Version : استفاده از drop down هاي تو در تو



partala
سه شنبه 18 اسفند 1388, 14:37 عصر
سلام
توي فرمي كه درست كردم يه سوالي هست كه از كاربر ميپرسه وضعيت درسي شما چگونه است؟ الف)در آزمون شركت كرده ب)در آزمون شركت نكرده

چه در قسمت الف و چه در قسمت ب براشون drop down باز بشه كه توش كلمه كلي و جدا نوشته شده باشه وقتي كاربر كلمه كلي انتخاب كرد يك drop down(حاوي نمره) و وقتي كلمه جدا را انتخاب كرد سه تا drop down(حاوي نمره) باز بشه
من براي اينكار از اسكريپت استفاده كردم ولي در مرحله دومش كه بايد كلي و جدا رو انتخاب كنم واسه جفتشون هم 3 تا drop down باز ميشه
سوال اول:چي كار كنم كه براي كلي يكي و براي جدا 3 تا drop down باز شه؟



<head>
<style type="text/css">
.style1 {
direction: rtl;
}
</style>
<script type="text/javascript" language="javascript">
function selecttext()
{
var item1=document.getElementById('s');
var t1=document.getElementById('1');
var t2=document.getElementById('2');
var t3=document.getElementById('3');
switch(item1.value)
{
case '1':
{

t1.disabled=false;
t2.disabled=true;
t3.disabled=true;
t1.focus();
}
break;
case '2':
{

t1.disabled=true;
t2.disabled=false;
t3.disabled=true;
t2.focus();
}
break;
case '3':
{

t1.disabled=true;
t2.disabled=true;
t3.disabled=false;
t3.focus();
}
break;
}
}
</script>

</head>
<div class="style1">
وضعيت <span lang="fa">درسي </span>شما در چه حدي است؟</span></span></strong></div>
</p>
<p class="style1"><span lang="fa">الف)اگر در آزمون&nbsp; شركت كرده
ايد:</span>&nbsp;&nbsp;&nbsp;
<select size="1" name="drpPayingType" dir="rtl" style="font-family: Tahoma; font-size: 10pt; width: 134px;" onchange="selecttext();" id="s">
<option>كلي</option>
<option>جدا</option>
</select></p>
<p class="style1"><span lang="fa"><br /><br />
رياضي&nbsp; <select name="Select2" style="width: 36px">
<option>20</option>
<option>19</option>
<option>18</option>
<option>17</option>
<option>16</option>
</select>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; فيزيك&nbsp;
<select name="Select3">
<option>20</option>
<option>19</option>
<option>18</option>
<option>17</option>
<option>16</option>
</select>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; شيمي&nbsp;
<select name="Select4" style="width: 37px">
<option>20</option>
<option>19</option>
<option>18</option>
<option>17</option>
<option>16</option>
</select>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <br /><br />
</span></p>
<p class="style1"><span lang="fa">بب) اگر در آزمون شركت نكرده ايد&nbsp;
<select size="1" name="drpPayingType0" dir="rtl" style="font-family: Tahoma; font-size: 10pt; width: 134px;" onchange="selecttext();" id="s0">
<option>كلي</option>
<option>جدا</option>
</select></span></p>
<p class="style1"><span lang="fa"><br />
&nbsp; رياضي&nbsp;
<select name="Select5" style="width: 39px">
<option>20</option>
<option>19</option>
<option>18</option>
<option>17</option>
<option>16</option>
</select>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; فيزيك&nbsp;
<select name="Select6">
<option>20</option>
<option>19</option>
<option>18</option>
<option>17</option>
<option>16</option>
</select>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; شيمي&nbsp;
<select name="Select7" style="width: 37px">
<option>20</option>
<option>19</option>
<option>18</option>
<option>17</option>
<option>16</option>
</select><br />

ممنون اگه راهنمايي كنيد

partala
سه شنبه 18 اسفند 1388, 15:43 عصر
سوالم طولاني بود؟:گریه::گریه::گریه::گریه:: فسرده::ناراحت:

partala
چهارشنبه 19 اسفند 1388, 10:40 صبح
سواليم يه جور ديگه مطرح ميكنم
خواهش ميكنم هركسي ميتونه راهنماييم كنه!!
ممنون ميشم.
توي فرمي كه درست كردم يه سوالي هست كه از كاربر ميپرسه وضعيت درسي شما چگونه است؟ كه يك drop downباز ميشه كه شامل جمله اي زي است:
اگر در آزمون شركت كرده ايد(كلي)
اگر در آزمون شركت كرده ايد(جزيي)
اگر حدس ميزنيد(كلي)
اگر حدس ميزنيد(جزيي)
حالا اگر كاربر در آزمون شركت كرده ايد(كلي) و اگر حدس ميزنيد(كلي) را انتخاب كرد يك drop down حاوي نمره باز بشه نمره مورد نظر رو انتخاب كنه .
اگر كاربر اگر در آزمون شركت كرده ايد(جزيي) و اگر حدس ميزنيد(جزيي) انتخاب كرد 3 تا drop down حاوي نمره باز بشه و نمره مورد نظر رو در 3 تا drop down انتخاب كنه.
چه طوري بايد اينو درست كنم؟ ممنون ميشم اگه راهنمايي كنيد.
اگر كه 3 تا drop downهارو انتخاب كرد بايد ميانگين 3 نمره انتخاب شده رو بگيرم و پردازشش كنم

Mah
چهارشنبه 19 اسفند 1388, 14:18 عصر
سلام .
شما مي تواني با استفاده از آجاكس مقادير (يا ايندكس) انتخاب شده توسط كاربر را پردازش كن و آيتمهاي ليستهاي ديگر را به همين صورت مقدار دهي كني .

گرفتن ميانگين كه ليست هم يك عمليات حسابي است .


موفق باشيد .

exlord
سه شنبه 25 اسفند 1388, 10:55 صبح
اولا به option ها value ندادی ..........
دوما به select های نمره ها ID ندادی..........
این کد الان کار می کنه از روش می تونی بست بدی برا کد خودت..........


function selecttext() {
var item1 = document.getElementById('s1');
var t1 = document.getElementById('select2');
var t2 = document.getElementById('select3');
var t3 = document.getElementById('select4');
switch (item1.value) {
case '0':
{

t1.disabled = false;
t2.disabled = false;
t3.disabled = false;
t1.focus();
}
break;
case '1':
{

t1.disabled = false;
t2.disabled = true;
t3.disabled = true;
t1.focus();
}
break;
case '2':
{

t1.disabled = true;
t2.disabled = false;
t3.disabled = true;
t2.focus();
}
break;
}
}


<body>
<div class="style1">
وضعيت <span lang="fa">درسي </span>شما در چه حدي است؟</div>

<p class="style1">
<span lang="fa">الف)اگر در آزمون&nbsp; شركت كرده ايد:</span>&nbsp;&nbsp;&nbsp;
<select size="1" name="drpPayingType" dir="rtl" style="font-family: Tahoma; font-size: 10pt;
width: 134px;" onchange="selecttext();" id="s1">
<option value="0">-------</option>
<option value="1">كلي</option>
<option value="2">جدا</option>
</select></p>
<p class="style1">
<span lang="fa">
<br />
<br />
رياضي&nbsp;
<select name="Select2" id="Select2" style="width: 36px" disabled="disabled">
<option>20</option>
<option>19</option>
<option>18</option>
<option>17</option>
<option>16</option>
</select>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; فيزيك&nbsp;
<select name="Select3" id="Select3" disabled="disabled">
<option>20</option>
<option>19</option>
<option>18</option>
<option>17</option>
<option>16</option>
</select>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; شيمي&nbsp;
<select name="Select4" id="Select4" style="width: 37px" disabled="disabled">
<option>20</option>
<option>19</option>
<option>18</option>
<option>17</option>
<option>16</option>
</select>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<br />
<br />
</span>
</p>
<br />
</body>