ใช้ 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";
แก้ไข: คำตอบที่เลือกอยู่ใกล้กับสิ่งที่ฉันต้องการ สิ่งนี้ใช้ได้กับฉัน:
$('#mySelect').children().remove().end()
.append('<option selected value="whatever">text</option>') ;
แต่คำตอบทั้งสองทำให้ฉันไปสู่ทางออกสุดท้ายของฉัน ..