[مشكلة] فورم select في jquery

السلام عليكم ورحمة الله تعالى وبركاته

بعد عناء من البحث لقيت طريقة لإظهار وإخفاء حقول حسب الاختيار 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 كيلوبايت)







أكثر...