مرتبط كردن فيلدها به يكديگر

no.love

no.love

Member
سلام
چطوري ميتونم دو تا drop down رو به هم متصل كنم .
يعني اگر توي drop down اولم آيتم "test1" انتخاب شد , drop down دوم پنهان بشه.
[LTR] <select name="Select1">
<option></option>
<option>test</option>
<option>test2</option>
<option>test3</option>
</select>
<select name="Select2">
<option></option>
<option>test4</option>
<option>test5</option>
<option>test6</option>
</select>
[/LTR]
کلیک کنید تا باز شود...
 
eAmin

eAmin

Well-Known Member
طبق این آموزش میتونید عمل کنید: http://www.w3.org/TR/WCAG20-TECHS/SCR19.html
منتها شما باید به محض انتخاب بجای اینکه تعداد عناصر رو اضافه کنید، بیاید و اون المنت رو مخفی و یا حذف کنید. برای مخفی کردن هم میتونید از css در javascript استفاده کنید.
 
no.love

no.love

Member
سلام
ممنون آقا امين.
يه اسكريپت ساده باسه اين كار پيدا كردم بد نيس گفتم بزارم اينجا شايد به درده بچه ها بخوره.
[LTR]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled 1</title>
<script type="text/javascript" src=".../jquery.js"></script>
<script type="text/javascript">
$(function() {
$("select").change(function() {
var selectValue = $(".style2 select").val();

if (selectValue == "**OTHER") {
$(".style12").hide();
$(".style11").hide();

} else {
$(".style12").show();
$(".style11").show();

};
});
});
</script>
</head>

<body>

<table class="extra_table" summary="">
<tr>
<td class="aligntop bold">*Location:</td>
<td class="style2" title="drop1">
<select name="County">
<option value="Select County..." selected="selected">Select County...</option>
<option value="DODGE" >DODGE</option>
<option value="DOUGLAS" >DOUGLAS</option>
<option value="LANCASTER" >LANCASTER</option>
<option value="MADISON" >MADISON</option>
<option value="**OTHER">**OTHER</option>
</select>
</td>
</tr>
<tr>
<td class="style11" >**If Other, Please Specify:</td>
<td class="style12" title="drop2" >
<form method="post">
<div id="dropreza">
<select name="Select1" style="width: 119px">
<option></option>
</select>
</div></form>
</td>
</tr>
</table>
</body>

</html>
[/LTR]
کلیک کنید تا باز شود...
فقط الان يه مشكلي كه دارم اينه كه وقتي drop down روي "**OTHER" ذخيره ميكنيم و صفحه را رفش ميكنيم.
فيلترها از بين ميرن و بايد يك بار ديگه روي "**OTHER" كليك كنيم تا دوباره جكوئري شروع به كار كنه...
ميشه يه راهنمايي كنيد؟؟؟؟
 
آخرین ویرایش:
eAmin

eAmin

Well-Known Member
برای اینکه عملیاتی که انجام دادید ذخیره بشن، باید از cookie استفاده کنید. از پلاگینی که در این آدرس قرار داره میتونید استفاده کنید.
کد شما در آخر باید به اینصورت تغییر داده بشه:
کد: 
$(document).ready(function() {
	$("select").change(function() { 
		var selectValue = $(".style2 select").val();

		if (selectValue == "**OTHER") {
			$(".style12").hide();
			$(".style11").hide();
			$.cookie('other', selectValue, {expires: 7, path: '/'});
		} else {
			$(".style12").show();
			$(".style11").show();
		}
	});

	if ($.cookie("other") === "**OTHER") {
		$('option[value="**OTHER"]')[0].selected = true;
		$("select").change();
	}
});
 
برای ارسال پاسخ شما باید وارد سیستم شوید.

آخرین مطالب مجیدآنلاین

جدیدترین ارسال ها

بالا