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

Наэтотвопросестьответына กองมากเกินнарусском : Какполучитьвыбранноезначениеввыпадающемспискес помощью JavaScript? ฉันจะรับค่าที่เลือกจากรายการแบบเลื่อนลงโดยใช้ JavaScript ได้อย่างไร ฉันลองใช้วิธีการด้านล่าง แต่พวกเขาทั้งหมดกลับดัชนีที่เลือกแทนค่า: var as = document.form1.ddlViewBy.value; var e = document.getElementById("ddlViewBy"); var strUser = e.options[e.selectedIndex].value;

1784 javascript  html-select 

ฉันใช้ตัวยึดตำแหน่งสำหรับการป้อนข้อความที่ใช้งานได้ดี แต่ฉันต้องการใช้ตัวยึดตำแหน่งสำหรับ selectboxes ของฉันเช่นกัน แน่นอนฉันสามารถใช้รหัสนี้: <select> <option value="">Select your option</option> <option value="hurr">Durr</option> </select> แต่ 'เลือกตัวเลือกของคุณ' เป็นสีดำแทนที่จะเป็นสีอ่อน ดังนั้นทางออกของฉันอาจเป็นไปตาม CSS jQuery ก็ใช้ได้เช่นกัน สิ่งนี้ทำให้ตัวเลือกเป็นสีเทาเท่านั้นในดรอปดาวน์ (ดังนั้นหลังจากคลิกลูกศร): option:first { color: #999; } คำถามคือ: ผู้คนสร้างตัวยึดตำแหน่งใน Selectboxes ได้อย่างไร แต่มันก็ได้รับคำตอบแล้วเสียงเชียร์ และการใช้ผลลัพธ์นี้ในค่าที่เลือกจะเป็นสีเทาเสมอ (แม้หลังจากเลือกตัวเลือกจริง): select { color: #999; }

1542 html  css  html-select  placeholder 

ฉันคิดว่าการเพิ่มแอ"value"ททริบิวต์ที่กำหนดไว้ใน<select>องค์ประกอบด้านล่างจะทำให้การเลือก<option>ของฉัน"value"ที่เลือกไว้เป็นค่าเริ่มต้น: <select name="hall" id="hall" value="3"> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> </select> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล อย่างไรก็ตามสิ่งนี้ไม่ทำงานอย่างที่ฉันคาดไว้ ฉันจะกำหนด<option>องค์ประกอบที่เลือกไว้เป็นค่าเริ่มต้นได้อย่างไร

1457 html  html-select 

วิธีที่ดีที่สุดในการเพิ่มตัวเลือกไปยัง<select>วัตถุจาวาสคริปต์โดยใช้ jQuery คืออะไร? ฉันกำลังมองหาสิ่งที่ฉันไม่ต้องการให้มีปลั๊กอิน แต่ฉันก็จะสนใจปลั๊กอินที่อยู่ข้างนอกด้วย นี่คือสิ่งที่ฉันทำ: selectValues = { "1": "test 1", "2": "test 2" }; for (key in selectValues) { if (typeof (selectValues[key] == 'string') { $('#mySelect').append('<option value="' + key + '">' + selectValues[key] + '</option>'); } } วิธีแก้ปัญหาที่เรียบง่าย / สะอาด: นี่คือmatdumsa รุ่นที่ทำความสะอาดและเรียบง่าย: $.each(selectValues, function(key, value) { $('#mySelect') .append($('<option>', …

1379 javascript  jquery  arrays  html-select 

ใช้ core jQuery คุณจะลบตัวเลือกทั้งหมดของกล่องที่เลือกได้อย่างไรจากนั้นเพิ่มหนึ่งตัวเลือกและเลือกได้อย่างไร กล่องที่ฉันเลือกมีดังต่อไปนี้ <Select id="mySelect" size="9"> </Select> แก้ไข: รหัสต่อไปนี้เป็นประโยชน์กับการผูกมัด อย่างไรก็ตาม (ใน Internet Explorer) .val('whatever')ไม่ได้เลือกตัวเลือกที่ถูกเพิ่ม (ฉันใช้ 'ค่า' เดียวกันทั้งใน.appendและ.val) $('#mySelect').find('option').remove().end() .append('<option value="whatever">text</option>').val('whatever'); แก้ไข: พยายามให้มันเลียนแบบรหัสนี้ฉันใช้รหัสต่อไปนี้ทุกครั้งที่มีการรีเซ็ตหน้า / แบบฟอร์ม กล่องที่เลือกนี้บรรจุด้วยปุ่มตัวเลือก .focus()ได้ใกล้ชิด .selected= "true"แต่ตัวเลือกที่ไม่ปรากฏที่เลือกเหมือนมันจะมี ไม่มีอะไรผิดปกติกับรหัสที่มีอยู่ของฉัน - ฉันแค่พยายามเรียนรู้ jQuery var mySelect = document.getElementById('mySelect'); mySelect.options.length = 0; mySelect.options[0] = new Option ("Foo (only choice)", "Foo"); mySelect.options[0].selected="true"; …

1077 javascript  jquery  option  html-select 

ฉันมีselectฟิลด์ที่มีตัวเลือกบางอย่างอยู่ในนั้น ตอนนี้ฉันต้องเลือกหนึ่งในนั้นoptionsด้วย jQuery แต่ฉันจะทำอย่างนั้นได้อย่างไรเมื่อฉันรู้เพียงว่าvalueสิ่งoptionนั้นต้องถูกเลือก? ฉันมี HTML ต่อไปนี้: <div class="id_100"> <select> <option value="val1">Val 1</option> <option value="val2">Val 2</option> <option value="val3">Val 3</option> </select> </div> val2ฉันจำเป็นต้องเลือกตัวเลือกที่มีค่า สิ่งนี้สามารถทำได้? นี่คือหน้าตัวอย่าง: http://jsfiddle.net/9Stxb/

951 jquery  jquery-selectors  html-select 

ฉันมีรายการแบบหล่นลงพร้อมค่าที่ทราบ สิ่งที่ฉันพยายามทำคือการกำหนดรายการแบบหล่นลงให้เป็นค่าโดยเฉพาะอย่างยิ่งที่ฉันรู้อยู่แล้วโดยใช้jQuery ใช้JavaScriptปกติฉันจะทำสิ่งที่ชอบ: ddl = document.getElementById("ID of element goes here"); ddl.value = 2; // 2 being the value I want to set it too. อย่างไรก็ตามฉันต้องทำกับjQueryเพราะฉันใช้คลาสCSSสำหรับตัวเลือกของฉัน ( รหัสASP.NETไคลเอ็นต์โง่... ) นี่คือบางสิ่งที่ฉันได้ลอง: $("._statusDDL").val(2); // Doesn't find 2 as a value. $("._statusDDL").children("option").val(2) // Also failed. ฉันจะทำกับjQuery ได้อย่างไร ปรับปรุง เมื่อปรากฎออกมาฉันพูดถูกครั้งแรกด้วย: $("._statusDDL").val(2); เมื่อฉันวางการแจ้งเตือนไว้ด้านบนมันทำงานได้ดี แต่เมื่อฉันลบการแจ้งเตือนและปล่อยให้มันทำงานด้วยความเร็วเต็มฉันได้รับข้อผิดพลาด ไม่สามารถตั้งค่าคุณสมบัติที่เลือก ดัชนีไม่ถูกต้อง …

840 javascript  jquery  html-select 

ฉันได้อ่านเกี่ยวกับเรื่องนี้ในโพสต์อื่น ๆ แต่ฉันไม่สามารถเข้าใจได้ ฉันมีชุด $scope.items = [ {ID: '000001', Title: 'Chicago'}, {ID: '000002', Title: 'New York'}, {ID: '000003', Title: 'Washington'}, ]; ฉันต้องการให้มันเป็น: <select> <option value="000001">Chicago</option> <option value="000002">New York</option> <option value="000003">Washington</option> </select> และฉันต้องการเลือกตัวเลือกด้วย ID = 000002 ฉันได้อ่านตัวเลือกแล้วลอง แต่ฉันไม่สามารถเข้าใจได้

442 javascript  angularjs  html-select  ng-options 

ฉันต้องการตั้งค่าตัวเลือกที่เลือกไว้ก่อนหน้านี้เพื่อแสดงในการโหลดหน้า ฉันลองด้วยรหัสต่อไปนี้: $("#gate").val('Gateway 2'); กับ <select id="gate"> <option value='null'>- choose -</option> <option value='gateway_1'>Gateway 1</option> <option value='gateway_2'>Gateway 2</option> </select> แต่มันไม่ทำงาน ความคิดใด ๆ

352 jquery  html  jquery-selectors  html-select 

ฉันค้นหา Google และไม่พบสิ่งใดในสิ่งนี้ ฉันมีรหัสนี้ <select ng-model="somethingHere" ng-options="option.value as option.name for option in options" ></select> ด้วยข้อมูลบางอย่างเช่นนี้ options = [{ name: 'Something Cool', value: 'something-cool-value' }, { name: 'Something Else', value: 'something-else-value' }]; และผลผลิตก็เป็นแบบนี้ <select ng-model="somethingHere" ng-options="option.value as option.name for option in options" class="ng-pristine ng-valid"> <option value="?" selected="selected"></option> <option value="0">Something Cool</option> <option …

311 javascript  angularjs  html-select 

ฉันต้องการลบลูกศรแบบเลื่อนลงจาก<select>องค์ประกอบHTML ตัวอย่างเช่น: <select style="width:30px;-webkit-appearance: none;"> <option>2000</option> <option>2001</option> <option>2002</option> ... </select> จะทำอย่างไรใน Opera, Firefox และ Internet Explorer

297 html  css  drop-down-menu  html-select 

สมมติว่ามีรายการตัวเลือกคุณจะอัพเดต<select>ด้วยตัวใหม่<option>ได้อย่างไร

271 jquery  html-select 

ฉันจะลบรายการออกจากหรือเพิ่มรายการลงในกล่องที่เลือกได้อย่างไร ฉันกำลังเรียกใช้ jQuery ว่าควรทำให้งานง่ายขึ้น ด้านล่างเป็นตัวอย่างให้เลือกกล่อง <select name="selectBox" id="selectBox"> <option value="option1">option1</option> <option value="option2">option2</option> <option value="option3">option3</option> <option value="option4">option4</option> </select>

269 javascript  jquery  html  html-select 

ฉันมีเพจที่มี 5 ตัวเลือกซึ่งทั้งหมดมีชื่อคลาส 'ct' ฉันต้องการลบตัวเลือกที่มีค่า 'X' จากการเลือกแต่ละรายการขณะใช้งานเหตุการณ์ onclick รหัสของฉันคือ: $(".ct").each(function() { $(this).find('X').remove(); }); ฉันจะไปไหนผิด

222 javascript  jquery  html-select 

ฉันมีรูปแบบการป้อนข้อมูลที่ให้ฉันเลือกจากตัวเลือกหลายตัวและทำบางสิ่งเมื่อผู้ใช้เปลี่ยนการเลือก เช่น, <select onChange="javascript:doSomething();"> <option>A</option> <option>B</option> <option>C</option> </select> ตอนนี้doSomething()เพียง แต่ได้รับการเรียกเมื่อเลือกการเปลี่ยนแปลง ฉันต้องการทริกเกอร์doSomething()เมื่อผู้ใช้เลือกตัวเลือกใด ๆ อาจเป็นแบบเดียวกันอีกครั้ง ฉันได้ลองใช้ตัวจัดการ "onClick" แต่นั่นจะถูกทริกเกอร์ก่อนที่ผู้ใช้จะเริ่มกระบวนการคัดเลือก ดังนั้นมีวิธีที่จะเรียกใช้ฟังก์ชั่นในทุกการเลือกโดยผู้ใช้หรือไม่? ปรับปรุง: คำตอบที่ Darryl แนะนำดูเหมือนจะใช้ได้ แต่ก็ไม่ได้ผลอย่างสม่ำเสมอ บางครั้งกิจกรรมจะถูกเรียกใช้ทันทีที่ผู้ใช้คลิกเมนูแบบเลื่อนลงแม้กระทั่งก่อนที่ผู้ใช้จะเสร็จสิ้นกระบวนการคัดเลือก!

214 javascript  html  html-select  dom-events