คำถามติดแท็ก html-select

องค์ประกอบอินเทอร์เฟซผู้ใช้ HTML สำหรับเลือกหนึ่งตัวเลือกขึ้นไปจากคอลเล็กชันตัวเลือกที่ จำกัด

3
จะจัดสไตล์ <option> ด้วย CSS เพียงอย่างเดียวได้อย่างไร?
หมายเหตุ: คำถามนี้ไม่เกี่ยวกับการทำรายการแบบเลื่อนลงที่กำหนดเอง เป็นเพียงความเป็นไปได้ของ&lt;option&gt;องค์ประกอบสไตล์ภายในองค์ประกอบที่เลือกใน CSS ฉันจะจัดรูปแบบ&lt;option&gt;ของ&lt;select&gt;องค์ประกอบที่เข้ากันได้กับข้ามเบราว์เซอร์ได้อย่างไร ฉันรู้จัก JavaScript หลายวิธีที่ปรับแต่งดรอปดาวน์เพื่อแปลงเป็น&lt;li&gt;ซึ่งฉันไม่ได้ถามถึง &lt;select class="select"&gt; &lt;option selected&gt;Select&lt;/option&gt; &lt;option&gt;Blue&lt;/option&gt; &lt;option &gt;Red&lt;/option&gt; &lt;option&gt;Green&lt;/option&gt; &lt;option&gt;Yellow&lt;/option&gt; &lt;option&gt;Brown&lt;/option&gt; &lt;/select&gt; ฉันกำลังถามว่าจะเป็นไปได้อย่างไรกับ CSS เท่านั้นโดยเข้ากันได้กับ IE9 +, Firefox และ Chrome ฉันต้องการสไตล์แบบนี้หรือใกล้เคียงที่สุด ฉันลองที่นี่http://jsfiddle.net/jitendravyas/juwz3/3/แต่ Chrome ไม่แสดงสไตล์ใด ๆ ยกเว้นสีแบบอักษรในขณะที่ Firefox แสดงเพิ่มเติม วิธีทำให้เส้นขอบและช่องว่างภายในทำงานใน Chrome ด้วย
102 css  html-select 

4
ผู้ดูแลระบบ Django ที่ดีกว่า ManyToMany Field Widget
ฉันพบว่าmodels.ManyToManyFieldวิดเจ็ตเริ่มต้นของ Django Admin นั้นยุ่งยากในการใช้งาน เป็นองค์ประกอบเลือก HTMLและหากคุณมี Objects ของโมเดล "อื่น" จำนวนมากแสดงว่าเป็นไปไม่ได้เลยที่จะหาวัตถุ "อื่น" ที่คุณต้องการเชื่อมโยงกับวัตถุ "นี้" และหากคุณมีออบเจ็กต์ของโมเดล "อื่น" จำนวนมากดูเหมือนว่าจะทำให้การแสดงผลหน้าผู้ดูแลระบบช้าลงด้วยซ้ำ ฉันทราบว่าฉันสามารถสร้างวิดเจ็ตผู้ดูแลระบบที่กำหนดเองและใช้กับวิดเจ็ตของฉันได้ManyToManyFieldsตามที่เห็นสมควร แต่มีสิ่งใดบ้างที่ฉันสามารถใช้แทนได้ ในความฝันของฉันฉันนึกภาพวิดเจ็ต HTML ป้อนข้อความอัตโนมัติ สิ่งนี้สามารถทำได้จริง / ทำได้ในกรอบการดูแลระบบ Django หรือไม่? ขอบคุณ.

25
ซ่อนตัวเลือกในรายการที่เลือกโดยใช้ jQuery
ฉันมีวัตถุที่มีคู่คีย์ / ค่าของตัวเลือกที่ฉันต้องการซ่อน / ลบออกจากรายการที่เลือก ตัวเลือกอ็อพชันต่อไปนี้ไม่ทำงาน ฉันขาดอะไรไป? $.each(results['hide'], function(name, title) { $("#edit-field-service-sub-cat-value option[value=title]").hide(); $("#edit-field-service-sub-cat-value option[@value=title]").hide(); });

12
วิธีใช้ Checkbox ภายใน Select Option
ลูกค้าให้ฉันออกแบบซึ่งมีเมนู Select Option ที่มีช่องทำเครื่องหมายพร้อมกับชื่อรายการเป็นแต่ละรายการในรายการ เป็นไปได้หรือไม่ที่จะเพิ่มช่องทำเครื่องหมายในเมนู Select Option หมายเหตุ: นักพัฒนาต้องเพิ่ม id ของตัวเองเพื่อให้เมนูมีประสิทธิภาพฉันต้องการโค้ด HTML CSS เท่านั้นถ้าเป็นไปได้

12
รับตัวเลือกที่เลือกจากองค์ประกอบที่เลือก
ฉันพยายามรับตัวเลือกที่เลือกจากเมนูแบบเลื่อนลงและเติมข้อมูลรายการอื่นด้วยข้อความดังต่อไปนี้ IE กำลังเห่าพายุและไม่ทำงานใน Firefox: $('#ddlCodes').change(function() { $('#txtEntry2').text('#ddlCodes option:selected').text(); }); ผมทำอะไรผิดหรือเปล่า?

7
ความสูงของกล่องเลือก HTML (แบบเลื่อนลง)
มีคนยืนยันได้หรือไม่ว่าไม่สามารถเปลี่ยนความสูงของรายการแบบเลื่อนลงที่แสดงเมื่อคุณคลิกที่ช่องเลือก แอตทริบิวต์ขนาดของการเลือกทำให้ดูเหมือนรายการแอตทริบิวต์ความสูงใน CSS ไม่ได้ผลดีเช่นกัน
86 html  html-select 
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.