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

การใช้ jQuery คุณจะตรวจสอบได้อย่างไรว่ามีตัวเลือกในเมนูที่เลือกหรือไม่ถ้าไม่ให้กำหนดหนึ่งในตัวเลือกที่เลือก (ตัวเลือกถูกสร้างขึ้นด้วยฟังก์ชั่นของเขาวงกต PHP ในแอพที่ฉันเพิ่งได้รับดังนั้นนี่คือการแก้ไขอย่างรวดเร็วในขณะที่ฉันเดินไปรอบ ๆ พวกมัน :)

207 javascript  jquery  forms  dom  html-select 

ฉันมีselectเขตข้อมูลฟอร์มที่ฉันต้องการทำเครื่องหมายเป็น "อ่านได้อย่างเดียว" เนื่องจากในผู้ใช้ไม่สามารถแก้ไขค่าได้ แต่ค่านั้นยังคงส่งมาพร้อมกับแบบฟอร์ม การใช้disabledแอ็ตทริบิวต์ป้องกันผู้ใช้จากการเปลี่ยนค่า แต่ไม่ส่งค่าด้วยแบบฟอร์ม readonlyแอตทริบิวต์จะใช้ได้เฉพาะinputและtextareaสาขา แต่ที่เป็นพื้นสิ่งที่ฉันต้องการ มีวิธีใดบ้างที่จะทำงานนี้ได้? สองความเป็นไปได้ที่ฉันกำลังพิจารณารวมถึง: แทนที่จะปิดใช้งานให้ปิดการselectใช้งานทั้งหมดoptionและใช้ CSS เพื่อเลือกตัวเลือกสีเทาเพื่อให้ดูเหมือนว่าถูกปิดใช้งาน เพิ่มตัวจัดการเหตุการณ์การคลิกไปที่ปุ่มส่งเพื่อให้สามารถเปิดใช้งานเมนูดร็อปดาวน์ที่ปิดใช้งานทั้งหมดก่อนส่งแบบฟอร์ม

180 javascript  html  css  forms  html-select 

ฉันมีเมนูตัวเลือกเช่นนี้: <form name="AddAndEdit"> <select name="list" id="personlist"> <option value="11">Person1</option> <option value="27">Person2</option> <option value="17">Person3</option> <option value="10">Person4</option> <option value="7">Person5</option> <option value="32">Person6</option> <option value="18">Person7</option> <option value="29">Person8</option> <option value="28">Person9</option> <option value="34">Person10</option> <option value="12">Person11</option> <option value="19">Person12</option> </select> </form> และตอนนี้ฉันต้องการเปลี่ยนตัวเลือกที่เลือกโดยใช้ href ตัวอย่างเช่น: <a href="javascript:void(0);" onclick="document.getElementById('personlist').getElementsByTagName('option')[11].selected = 'selected';">change</a> แต่ผมต้องการที่จะเลือกตัวเลือกที่มีไม่ได้value=11 (Person1)Person12 ฉันจะเปลี่ยนรหัสนี้ได้อย่างไร

168 javascript  html-select 

ฉันสงสัยว่ามันเป็นไปได้ที่จะได้รับ jQuery เพื่อเลือก<option>พูดรายการที่ 4 ในกล่องแบบหล่นลง? <select> <option></option> <option></option> <option></option> <option></option> <option></option> </select> ฉันต้องการให้ผู้ใช้คลิกที่ลิงค์แล้วมีการเปลี่ยนแปลงกล่องค่าของตนเช่นหากผู้ใช้เลือกได้โดยการคลิกที่<select><option>

157 javascript  jquery  html  drop-down-menu  html-select 

โอเคฉันมีรหัสนี้: <select name="selector" id="selector"> <option value="1">Option 1</option> <option value="2">Option 2</option> </select> และฉันต้องการรับค่าของตัวเลือกที่เลือก ตัวอย่าง: เลือก 'ตัวเลือก 2' และค่าของมันคือ '2' '2' คือค่าที่ฉันต้องได้รับและไม่ใช่ 'ตัวเลือก 2'

156 jquery  html  html-select 

รหัสของฉันทำงานใน IE แต่หยุดพักใน Safari, Firefox และ Opera (แปลกใจใหญ่) document.getElementById("DropList").options.length=0; หลังจากค้นหาฉันได้เรียนรู้ว่ามันlength=0ไม่ชอบ ฉันพยายาม...options=nullแล้วvar clear=0; ...length=clearด้วยผลลัพธ์เดียวกัน ฉันกำลังทำสิ่งนี้กับวัตถุหลายรายการในเวลาเดียวกันดังนั้นฉันกำลังมองหารหัส JS บางเบา

153 javascript  html-select 

ฉันยังใหม่กับ HTML และ PHP และต้องการใช้เมนูแบบเลื่อนลงจากตาราง mysql และฮาร์ดโค้ดด้วย ฉันมีหลายตัวเลือกในหน้าของฉันหนึ่งในนั้นคือ <select name="tagging"> <option value="">Choose Tagging</option> <option value="Option A">Option A</option> <option value="Option B">Option B</option> <option value="Option C">Option C</option> </select> ปัญหาคือตอนนี้ผู้ใช้ยังสามารถเลือก "เลือกการแท็ก" เป็นแท็กของเขาได้ แต่ฉันต้องการให้เขาเลือกจากสามรายการที่มีอยู่เท่านั้น ฉันใช้ปิดการใช้งานเป็น <select name="tagging"> <option value="" disabled="disabled">Choose Tagging</option> <option value="Option A">Option A</option> <option value="Option B">Option B</option> <option value="Option C">Option C</option> </select> …

149 html  html-select 

ปิด. คำถามนี้ไม่เป็นไปตามหลักเกณฑ์กองมากเกิน ไม่ยอมรับคำตอบในขณะนี้ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นไปตามหัวข้อสำหรับ Stack Overflow ปิดให้บริการใน5 ปีที่ผ่านมา ปรับปรุงคำถามนี้ ฉันมี HTML select box ที่ฉันต้องการใส่สไตล์ ฉันต้องการใช้เพียง CSS แต่ถ้าฉันต้องฉันจะใช้ jQuery เพื่อเติมช่องว่าง ใครสามารถแนะนำกวดวิชาหรือปลั๊กอินที่ดี? ฉันรู้ว่า Google แต่ฉันค้นหาสองชั่วโมงที่ผ่านมาและฉันไม่พบสิ่งใดที่ตรงกับความต้องการของฉัน มันจะต้องเป็น: เข้ากันได้กับ jQuery 1.3.2 ที่สามารถเข้าถึงได้ สงบเสงี่ยม ปรับแต่งได้อย่างสมบูรณ์ในแง่ของการออกแบบทุกด้านของกล่องที่เลือก ไม่มีใครรู้อะไรที่จะตอบสนองความต้องการของฉัน?

145 jquery  css  html-select 

ฉันสงสัยว่าความแตกต่างระหว่าง Select-Option และ Datalist-Option คืออะไร มีสถานการณ์ใดที่จะดีกว่าที่จะใช้อย่างใดอย่างหนึ่งหรือไม่? ตัวอย่างของแต่ละรายการดังต่อไปนี้: เลือก - ตัวเลือก <select name="browser"> <option value="firefox">Firefox</option> <option value="ie">IE</option> <option value="chrome">Chrome</option> <option value="opera">Opera</option> <option value="safari">Safari</option> </select> Datalist-Option <input type=text list=browsers> <datalist id=browsers> <option value="Firefox"> <option value="IE"> <option value="Chrome"> <option value="Opera"> <option value="Safari"> </datalist>

141 html  html-select  forms  html-datalist 

ฉันมี<SELECT multiple>ฟิลด์ที่มีหลายตัวเลือกและฉันต้องการอนุญาตให้มีเพียงตัวเลือกเดียวที่เลือกในเวลาเดียวกัน แต่ผู้ใช้สามารถกดปุ่ม CTRL ค้างไว้และเลือกรายการเพิ่มเติมพร้อมกันได้ มีวิธีการทำอย่างไร? (ฉันไม่ต้องการลบ "หลายรายการ")

137 html  html-select 

ฉันมีselectกล่องและฉันกำลังพยายามเปลี่ยนสีพื้นหลังของตัวเลือกเมื่อselectคลิกกล่องแล้วและแสดงตัวเลือกทั้งหมด ดู Fiddle HTML: <select> <option val="">Please choose</option> <option val="1">Option 1</option> <option val="2">Option 2</option> <option val="3">Option 3</option> <option val="4">Option 4</option> </select> CSS: select{ margin:40px; background: rgba(0,0,0,0.3); color:#fff; text-shadow:0 1px 0 rgba(0,0,0,0.4); }

129 html  css  html-select  background-color 

ฉันมีองค์ประกอบเลือกฉันต้องการที่จะเอาลูกศรแล้วฉันสามารถเพิ่มไอคอนอื่น ๆ .. ฉันสามารถทำเช่นนั้นสำหรับ Firefox Safari และ Chrome แต่นี้ไม่ได้ทำงานในIE9 .styled-select select { border: 0 !important; /*Removes border*/ -webkit-appearance: none; /*Removes default chrome and safari style*/ -moz-appearance: none; /*Removes default style Firefox*/ background: url('select_icon.png') no-repeat; background-position: 179px 7px; text-indent: 0.01px; text-overflow: ""; color: #FCAF17; width:200px; } SEE ซอบนIE9 สิ่งที่ฉันต้องการคือลบลูกศรใน ie9 โปรดตอบ …

126 html  css  html-select 

ในแบบฟอร์มฉันมีช่องเลือกหนึ่งช่องและช่องป้อนข้อมูลสองช่อง องค์ประกอบเหล่านี้อยู่ในแนวตั้ง น่าเสียดายที่ฉันไม่สามารถรับความกว้างขององค์ประกอบเหล่านี้ได้เท่ากัน นี่คือรหัสของฉัน: <select name="name1" style="width:198px"> <option>value1</option> <option>value2</option> </select><br/> <input type="text" name="id1" style="width:193px"><br/> <input type="text" name="id2" style="width:193px"> ตัวอย่างข้างต้นความกว้างที่ดีที่สุดสำหรับองค์ประกอบที่เลือกคือ 198 หรือ 199 พิกเซล (แน่นอนว่าฉันลอง 193px แต่ความแตกต่างนั้นสำคัญมาก) ฉันคิดว่ามันขึ้นอยู่กับความละเอียดบนคอมพิวเตอร์และเบราว์เซอร์ต่างๆเนื่องจากองค์ประกอบเหล่านี้มีความกว้างไม่เท่ากัน (บางครั้งฉันคิดว่าความแตกต่างอยู่ที่ประมาณ 1 หรือ 2 พิกเซล) ฉันพยายามตั้งค่าองค์ประกอบเหล่านี้ในแถว div หรือตารางแล้ว แต่ก็ไม่ได้ผล ถาม: ฉันจะรับความกว้างขององค์ประกอบเหล่านี้เท่ากันได้อย่างไร

109 html  css  html-select  border-box 

ฉันมีรายการselectที่แสดงเลือกภาษาในตอนแรกจนกว่าผู้ใช้จะเลือกภาษา เมื่อผู้ใช้เปิดการเลือกฉันไม่ต้องการให้แสดงตัวเลือกเลือกภาษาเพราะไม่ใช่ตัวเลือกจริง ฉันจะบรรลุเป้าหมายนี้ได้อย่างไร?

108 html  html-select 

เห็นได้ชัดว่าสิ่งนี้ใช้ไม่ได้: select[multiple]{ height: 100%; } ทำให้การเลือกมีความสูงของหน้า 100% ... auto ใช้งานไม่ได้เช่นกันฉันยังคงได้รับแถบเลื่อนแนวตั้ง ความคิดอื่น ๆ ?

103 html  css  html-select