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

تایید انتخاب شدن اجزای یک منو

درمثال فوق کاربر باید از فرم مربوطه یکی را حتما انتخاب نماید.

برای تایید انتخاب

function SubmitIt(carForm) {

1.
بدین صورت یک تابع با نام SubmitIt که در اجزاء فرم مورد استفاده قرار میگیرد ایجاد میشود.

colorChoice = carForm.color.selectedIndex

2.
متغییر colorChoice یکی از رنگهای موجود را بر اساس انتخاب کاربر, به خود میگیرد.

if(carForm.color.options[colorChoice].value == “”) {
alert(“You must pick a color”)
return false

3.
در این قسمت مقدار متغیر colorChoice مورد بررسی قرار گرفته و در صورتیکه مقداری نداشته باشد, پیغام اخطاری به مضنون یک رنگ انتخاب کنید.” به کاربر داده شده و نتیجه false ارسال میشود, سپس مراحل از ابتدا آغاز میگردد.

return true

4.
در غیر این صورت, صحت انتخاب تایید شده و نتیجه true اعلام میگردد.

<html>
<head>

<script language=”javascript” type=”text/javascript”>
function SubmitIt(carForm) {
colorChoice = carForm.color.selectedIndex
if(carForm.color.options[colorChoice].value == “”) {
alert(“You must pick a color”)
return false
}
return true
}
</script>

</head>
<body>

<form onSubmit=”return SubmitIt(this)” name=”myForm” action=”ok.asp”>
<select name=”color”>
<option value=”" selected>Choose a color
<option value=”RED”>Red
<option value=”GREEN”>Green
<option value=”BLUE”>Blue
</select><input type=”Submit” value=”Submit”>
</form>

</body>
</html>

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

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