المتصفح إكسبلورر يداعبني

[محب الله ورسوله]

السلام عليكم

هذا المتصفح اللي ماله لزمه في عالم المتصفحات سوي زيادة الضغط والسكر لمطوري المواقع

بعد معاناة يوم كامل مع ال css وبعد ضبطها
دخلت علي ال jquery وضبطت كل شئ حتي وصلت لهذه

$('document').ready(function(){
    $("option").hide();
}); 

لما لا تقوم هذه بطمس التاجز من نوع option في الصفحة كما يحدث مع الفايرفوكس

<select name="Select1">
	<option>111</option>
	<option>222</option>
	<option>333</option>
</select>

[t0010.com]

بإختصار لأنه غبي جداً

والله سبب لي مشاكل كثيرة

وخاصة عدم توافق مع اغلب اكواد css

ما ادري كيف يحللها على الرغم من انه الفايرفوكس والاوبرا وسفاري ما فيها مشاكل

[Br4v3-H34r7]

جرب الحل الموجود في هذه الصفحة: jquery hide show div problem (internet explorer) - Stack Overflow

[محب الله ورسوله]

لم يعمل

[Mostafa Maher]

ما بفهم شيئ في jquery
لكن خليني أجرب حظي وأزيد مشاركة في الموضوع

$('document').ready(function(){ 
    $(".opt-class").hide(); 
}); 

<select name="Select1"> <option class="opt-class">111</option> <option class="opt-class">222</option> <option class="opt-class">333</option> </select> 

:1power:

ما تزعلش مني ـ بدخل في اللي ماعرفش فيه
:anger1:

[محب الله ورسوله]

لا تقلق سبقت وجربت الكلاس وال id
ولكن راسه وألف سيف ما يخفي الخيارات

[سحاب اون لاين]

جرب تحط الخيارات في div
وحاول تخفيه

[محب الله ورسوله]

لا يمكن وضع div داخل select هذا خطأ في التصميم

اما لو كنت تقصد داخل ال option فهذا سيخفي المحتوي ويترك المكان خاوي

مازلت ابحث عن حل لإخفاء الأوبشن في الإكسبلورر وواثق ان هناك حل فالفيبولتن في نظام قوالبها تخفي الخيارات وتظهر ما تضغط علي ال label له دبل كليك

[مصطفى فرغلى]

احذف ال option ثم ضعه مره اخرى عند الحاجه اليه

[أشرف السمهوري]

هل جربت هذا ؟

$('select').find('option').remove().end().append('<option value="whatever">text</option>').val('whatever'); 

أو:

$('select').children().remove().end().append('<option selected value="whatever">text</option>') ; 

طبعاً مو ضروري تضيف شي لكن هذا مثال كامل ..

تحياتي، أشرف السمهوري

[سحاب اون لاين]

وجدت هذا الامر في الجافا سكربت

document.getElementById("mySelect").options[2] = null; 

ان كان له علاقة .. حاول تستخدمه

[Mostafa Maher]

#2

ما رأيك أن تذيد عنصر select فارغ من الـ option بهذه الطريقة:

<select name="Select1"> <option>111</option> <option>222</option> <option>333</option> </select> 
<select name="select2"> </select>

Default:
select1 --> show
select2 --> hide

وإذا أردت إخفاء الـ option اقلب الى العكس:
select1 --> hide
select2 --> show

:looking:

[مهندس مصرى]

هل جربت عمل id لل select?

<select id="select1">
</select> 

$('document').ready(function(){ 
$("#select1").hide(); 
}); 

او قم بوضع ال select كلها في div ولها id واستخدم نفس الطريقة .. كما يمكنك استخدام .empty()
انا اعمل على هذه الطريقة منذ زمن طويل وتعمل معي على الانترنت اكسبلورر و الفايرفوكس

[محب الله ورسوله]

#2

ما رأيك أن تذيد عنصر select فارغ من الـ option بهذه الطريقة:

<select name="Select1"> <option>111</option> <option>222</option> <option>333</option> </select> 
<select name="select2"> </select>

Default:
select1 --> show
select2 --> hide

وإذا أردت إخفاء الـ option اقلب الى العكس:
select1 --> hide
select2 --> show

:looking:

لذيذة

خالص شكري للجميع