( تعداد نمایش : 1316 )

تنظیم یک فیلد بر اساس فیلد دیگر

شاید تابحال به فرمهایی برخورد کرده اید که با تعیین یک فیلد, فیلد دیگر بصورت اتوماتیک انتخاب میشود.
به منظور تنظیم اتوماتیک مقدار یک فیلد

function doorSet(sunroofField) {

1.
طبق معمول ابتدا یک تابع تعریف میشود.

if (sunroofField.checked) {
for (i=0; i<document.myForm.DoorCt.length; i++) {

2.
در این مرحله, در صورت انتخاب فیلد Sunroof یک حلقه برای تمامی فیلدهای DoorCt ایجاد میشود.

if (document.myForm.DoorCt[i].value == “twoDoor”) {

3.
کاربر به دنبال یک ماشین دو درب خواهد بود.

document.myForm.DoorCt[i].checked = true

4.
هنگام انتخاب یک ماشین دو درب, به آن ارزش true داده میشود.

<input type=”CHECKBOX” name=”sunroof” value=”YES” onClick=”doorSet(this)”>

5.
درون قسمت Body, بایستی فیلد مربوط به Sunroof تعیین شود تا با کلیک بر روی آن, توسط کنترل کننده onClick, تابعdoorSet(this)s اجرا گردد.

<html>
<head>
<script language=”javascript” type=”text/javascript”>
function SubmitIt(carForm) {
doorOption = -1

if (carForm.DoorCt[doorOption].value == “fourDoor” && carForm.sunroof.checked) {
alert(“The sunroof is only available on the two door model”)
return false
}
return true
}

function doorSet(sunroofField) {
if (sunroofField.checked) {
for (i=0; i<document.myForm.DoorCt.length; i++) {
if (document.myForm.DoorCt[i].value == “twoDoor”) {
document.myForm.DoorCt[i].checked = true
}
}
}
}
</script>
</head>
<body>
<h2>
Car Picker<p>
<form onSubmit=”return SubmitIt(this)” action=”ok.asp”  name=”myForm”>
Doors:
<br>
<input type=”CHECKBOX” name=”sunroof” value=”YES” onClick=”doorSet(this)”>Sunroof(two door only)
<br><br>
<input type=”radio” value=”twoDoor” name=”DoorCt”>two
<input type=”radio” value=”fourDoor” name=”DoorCt”>Four
<br>

<input type=”Submit” value=”Submit”>
</form></h2>
</body>
</html>

دیدگاه خود را بیان کنید.

باید وارد سایت شده باشید برای دیدگاه دادن