السلام عليكم ورحمة الله تعالى وبركاته
بعد عناء من البحث لقيت طريقة لإظهار وإخفاء حقول حسب الاختيار select هكذا :
رمز PHP:
Add New
Choose Category
SiteWeb
Account
Computer
WEB
CNT
PC
</div> </div>لاكني أردت دمج الخاصية فوق مع قائمة SELECT متطورة :
هاد السورس كود للقائمة المطورة + الملفات مرفقة:
رمز PHP:
<span style="color: #000000"> DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
SELECT CATEGORY
a{text-decoration : none;}
a:hover{text-decoration:none;}
input{vertical-align:middle;}
img{border-width:0px; float:left;}
ul,li{margin:0;padding:0;}
body{
direction:ltr;
margin:0;
font-size:12px;
font-family:tahoma;
background:#5c96b7;
width:100%;
background:#eee;
}
b {
color:red;
}
Choose Category
SiteWeb
SiteWeb
Computer
WEB
CNT
PC</div>
</div> </div> </div>لما أحذف class="makeMeFancy"
من
رمز Code:
تبقى هيك :
رمز Code:
تعمل لاكن تصبح القائمة عادية مب متطورة !
والسبب تعارض هنا: select[name=div-choice]
رمز PHP:
jQuery('select[name=div-choice]').change(function(){
var divName = $(this).val();
$('div').hide().filter('#' + divName).show();
});
// We need to hide all fieldsets except the first:
$('div').hide().filter('#none').show();
لقد أرفقت لكم الملفات بالمرفقات :
ملف new.html القائمة المتطورة
ملف old.html القائمة العادية
وفي انتظار الحل للمشكلة
</div></div>
الملفات المرفقة
select.zip (118.3 كيلوبايت)
أكثر...