คำถามติดแท็ก drop-down-menu

องค์ประกอบ GUI คล้ายกับคอมโบบ็อกซ์และกล่องรายการซึ่งช่วยให้ผู้ใช้เลือกค่าหนึ่งจากรายการ เมื่อรายการดรอปดาวน์ไม่ได้ใช้งานจะแสดงค่าเดียว เมื่อเปิดใช้งานจะแสดง (ดร็อปลง) รายการค่าซึ่งผู้ใช้สามารถเลือกได้

20
jQuery รับข้อความแท็กตัวเลือกที่เฉพาะเจาะจง
เอาล่ะพูดว่าฉันมี: <select id='list'> <option value='1'>Option A</option> <option value='2'>Option B</option> <option value='3'>Option C</option> </select> ตัวเลือกจะเป็นอย่างไรถ้าฉันต้องการได้รับ "ตัวเลือก B" เมื่อฉันมีค่า '2' โปรดทราบว่านี่ไม่ได้ถามถึงวิธีรับค่าข้อความที่เลือกแต่เพียงอย่างใดอย่างหนึ่งไม่ว่าจะเลือกหรือไม่ขึ้นอยู่กับแอตทริบิวต์ค่า ฉันเหนื่อย: $("#list[value='2']").text(); แต่มันไม่ทำงาน
30
วิธีการทำให้เมนู Bootstrap ของ Twitter หล่นลงบนโฮเวอร์แทนที่จะคลิก
ฉันต้องการให้เมนู Bootstrap ของฉันวางลงบนโฮเวอร์โดยอัตโนมัติแทนที่จะต้องคลิกที่ชื่อเมนู ฉันต้องการจะสูญเสียลูกศรเล็ก ๆ ถัดจากชื่อเมนู
5
วิธีเพิ่มรายการในตอนต้นของรายการ <T>
ฉันต้องการเพิ่มตัวเลือก "เลือกหนึ่ง" List&lt;T&gt;เพื่อรายการแบบหล่นลงผูกไว้กับที่ เมื่อฉันค้นหาฉันList&lt;T&gt;จะเพิ่มเริ่มต้นของฉันItemไม่ใช่ส่วนหนึ่งของแหล่งข้อมูลเป็นองค์ประกอบแรกในนั้นได้List&lt;T&gt;อย่างไร ฉันมี: // populate ti from data List&lt;MyTypeItem&gt; ti = MyTypeItem.GetTypeItems(); //create initial entry MyTypeItem initialItem = new MyTypeItem(); initialItem.TypeItem = "Select One"; initialItem.TypeItemID = 0; ti.Add(initialItem) &lt;!-- want this at the TOP! // then DropDownList1.DataSource = ti;
30
หลีกเลี่ยงเมนูแบบเลื่อนลงปิดที่คลิกด้านใน
ฉันมีเมนูแบบเลื่อนลง Twitter Bootstrap ดังที่ผู้ใช้งาน Bootstrap ของ Twitter รู้เมนูดรอปดาวน์จะปิดเมื่อคลิก (แม้แต่คลิกภายใน) เพื่อหลีกเลี่ยงปัญหานี้ฉันสามารถแนบตัวจัดการเหตุการณ์คลิกบนเมนูแบบเลื่อนลงและเพิ่มชื่อดังevent.stopPropagation()ได้อย่างง่ายดาย &lt;ul class="nav navbar-nav"&gt; &lt;li class="dropdown mega-dropdown"&gt; &lt;a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"&gt; &lt;i class="fa fa-list-alt"&gt;&lt;/i&gt; Menu item 1 &lt;span class="fa fa-chevron-down pull-right"&gt;&lt;/span&gt; &lt;/a&gt; &lt;ul class="dropdown-menu mega-dropdown-menu"&gt; &lt;li&gt; &lt;div id="carousel" class="carousel slide" data-ride="carousel"&gt; &lt;ol class="carousel-indicators"&gt; &lt;li data-slide-to="0" data-target="#carousel"&gt;&lt;/li&gt; &lt;li class="active" data-slide-to="1" data-target="#carousel"&gt;&lt;/li&gt; &lt;/ol&gt; …
12
วิธีลบไอคอนลูกศรเริ่มต้นจากรายการดรอปดาวน์ (องค์ประกอบที่เลือก)
ฉันต้องการลบลูกศรแบบเลื่อนลงจาก&lt;select&gt;องค์ประกอบHTML ตัวอย่างเช่น: &lt;select style="width:30px;-webkit-appearance: none;"&gt; &lt;option&gt;2000&lt;/option&gt; &lt;option&gt;2001&lt;/option&gt; &lt;option&gt;2002&lt;/option&gt; ... &lt;/select&gt; จะทำอย่างไรใน Opera, Firefox และ Internet Explorer
10
วิธีการรับค่าที่เลือกหลายกล่องเลือกใน php?
ฉันมีรูปแบบ html ซึ่งมีกล่องรายการที่เลือกซึ่งคุณสามารถเลือกหลายค่าได้เนื่องจากคุณสมบัติหลายรายการถูกตั้งค่าเป็นหลายรายการ พิจารณาวิธีการแบบฟอร์มคือ 'GET' รหัส html สำหรับแบบฟอร์มมีดังนี้: &lt;html&gt; &lt;head&gt; &lt;title&gt;Untitled Document&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;form id="form1" name="form1" method="get" action="display.php"&gt; &lt;table width="300" border="1"&gt; &lt;tr&gt; &lt;td&gt;&lt;label&gt;Multiple Selection &lt;/label&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;&lt;select name="select2" size="3" multiple="multiple" tabindex="1"&gt; &lt;option value="11"&gt;eleven&lt;/option&gt; &lt;option value="12"&gt;twelve&lt;/option&gt; &lt;option value="13"&gt;thirette&lt;/option&gt; &lt;option value="14"&gt;fourteen&lt;/option&gt; &lt;option value="15"&gt;fifteen&lt;/option&gt; &lt;option value="16"&gt;sixteen&lt;/option&gt; &lt;option value="17"&gt;seventeen&lt;/option&gt; &lt;option value="18"&gt;eighteen&lt;/option&gt; &lt;option value="19"&gt;nineteen&lt;/option&gt; &lt;option …
17
วิธีการจัดรูปแบบตัวเลือกขององค์ประกอบ "เลือก" html
นี่คือ HTML ของฉัน: &lt;select id="ddlProducts" name="ddProducts"&gt; &lt;option&gt;Product1 : Electronics &lt;/option&gt; &lt;option&gt;Product2 : Sports &lt;/option&gt; &lt;/select&gt; ฉันต้องการสร้างชื่อของผลิตภัณฑ์ (เช่น 'Product1', 'Product2' ฯลฯ ) เป็นตัวหนาและหมวดหมู่ (ได้แก่ อิเล็กทรอนิกส์, กีฬา, ฯลฯ ) เป็นตัวเอียงโดยใช้ CSS เท่านั้น ฉันพบคำถามเก่าที่กล่าวถึงมันเป็นไปไม่ได้โดยใช้ HTML และ CSS แต่หวังว่าจะมีวิธีแก้ปัญหา
202 html  css  drop-down-menu 
7
เหตุการณ์ SelectedIndexChanged ของ DropDownList ไม่ได้เริ่มทำงาน
ฉันมีวัตถุ DropDownList ในหน้าเว็บของฉัน เมื่อฉันคลิกที่มันและเลือกค่าที่แตกต่างกันไม่มีอะไรเกิดขึ้นแม้ว่าฉันจะมีฟังก์ชั่นต่อสายเข้ากับSelectedIndexChangedเหตุการณ์ ก่อนรหัส HTML ของวัตถุจริง: &lt;asp:DropDownList ID="logList" runat="server" onselectedindexchanged="itemSelected"&gt; &lt;/asp:DropDownList&gt; และนี่คือฟังก์ชันนั้นitemSelected: protected void itemSelected(object sender, EventArgs e) { Response.Write("Getting clicked; " + sender.GetType().ToString()); FileInfo selectedfile; Response.Write("&lt;script&gt;alert('Hello')&lt;/script&gt;"); foreach (FileInfo file in logs) { if (file.Name == logList.Items[logList.SelectedIndex].Text) { Response.Write("&lt;script&gt;alert('Hello')&lt;/script&gt;"); } } } ไม่มีการตอบกลับปรากฏขึ้นและไม่มีการเรียกใช้ส่วนของ JavaScript ฉันได้ลองใช้ Firefox เวอร์ชันล่าสุด 3.6 แล้วเช่นเดียวกับ …
13
วิธีการใช้ jQuery เพื่อเลือกตัวเลือกแบบเลื่อนลง
ฉันสงสัยว่ามันเป็นไปได้ที่จะได้รับ jQuery เพื่อเลือก&lt;option&gt;พูดรายการที่ 4 ในกล่องแบบหล่นลง? &lt;select&gt; &lt;option&gt;&lt;/option&gt; &lt;option&gt;&lt;/option&gt; &lt;option&gt;&lt;/option&gt; &lt;option&gt;&lt;/option&gt; &lt;option&gt;&lt;/option&gt; &lt;/select&gt; ฉันต้องการให้ผู้ใช้คลิกที่ลิงค์แล้วมีการเปลี่ยนแปลงกล่องค่าของตนเช่นหากผู้ใช้เลือกได้โดยการคลิกที่&lt;select&gt;&lt;option&gt;
21
ฉันจะปิดดร็อปดาวน์เมื่อคลิกภายนอกได้อย่างไร
ฉันต้องการปิดเมนูดร็อปดาวน์ของฉันเมื่อผู้ใช้คลิกที่ใดก็ได้นอกเหนือจากดรอปดาวน์นั้นและฉันต้องการจะทำเช่นนั้นกับ Angular2 และกับ Angular2 "วิธี" ... ฉันติดตั้งโซลูชันแล้ว แต่ฉันไม่รู้สึกมั่นใจเลย ฉันคิดว่าต้องมีวิธีที่ง่ายที่สุดในการบรรลุผลลัพธ์เดียวกันดังนั้นหากคุณมีความคิดใด ๆ ... มาคุยกัน :)! นี่คือการดำเนินการของฉัน: องค์ประกอบแบบเลื่อนลง: นี่เป็นส่วนประกอบสำหรับดรอปดาวน์ของฉัน: ทุกครั้งที่ส่วนนี้มันตั้งค่าให้สามารถมองเห็นได้ (ตัวอย่างเช่นเมื่อผู้ใช้คลิกที่ปุ่มเพื่อแสดง) ก็สมัครเป็นสมาชิก "ทั่วโลก" rxjs เรื่องuserMenuเก็บไว้ภายในSubjectsService และทุกครั้งที่มันถูกซ่อนไว้ ทุกการคลิกที่ใดก็ได้ภายในเทมเพลตของส่วนประกอบนี้จะเรียกใช้เมธอดonClick ()ซึ่งเพิ่งหยุดเหตุการณ์ที่เดือดดาลไปด้านบน (และส่วนประกอบแอปพลิเคชัน) นี่คือรหัส export class UserMenuComponent { _isVisible: boolean = false; _subscriptions: Subscription&lt;any&gt; = null; constructor(public subjects: SubjectsService) { } onClick(event) { event.stopPropagation(); } set isVisible(v) …
9
วิธีการตั้งค่าตัวเลือกที่เลือกของตัวควบคุมรายการแบบหล่นลงโดยใช้ JS เชิงมุม
ฉันกำลังใช้ Angular JS และฉันจำเป็นต้องตั้งค่าตัวเลือกที่เลือกของตัวควบคุมรายการแบบหล่นลงโดยใช้ JS เชิงมุม ยกโทษให้ฉันถ้านี่ไร้สาระ แต่ฉันใหม่กับ Angular JS นี่คือการควบคุมรายการแบบหล่นลงของ html ของฉัน &lt;select ng-required="item.id==8 &amp;&amp; item.quantity &gt; 0" name="posterVariants" ng-show="item.id==8" ng-model="item.selectedVariant" ng-change="calculateServicesSubTotal(item)" ng-options="v.name for v in variants | filter:{type:2}"&gt; &lt;/select&gt; หลังจากนั้นฉันก็จะได้รับประชากร &lt;select ng-options="v.name for v in variants | filter:{type:2}" ng-change="calculateServicesSubTotal(item)" ng-model="item.selectedVariant" ng-show="item.id==8" name="posterVariants" ng-required="item.id==8 &amp;amp;&amp;amp; item.quantity &amp;gt; 0" class="ng-pristine …
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.