ตั้งค่าดัชนีที่เลือกของดร็อปดาวน์โดยใช้ jQuery

ฉันจะตั้งค่าดัชนีของดรอปดาวน์ใน jQuery ได้อย่างไรหากวิธีที่ฉันค้นหาการควบคุมมีดังนี้:

$("*[id$='" + originalId + "']") 

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

ก่อนอื่น - ตัวเลือกนั้นค่อนข้างช้า มันจะสแกนทุกองค์ประกอบ DOM ที่กำลังมองหารหัส มันจะมีประสิทธิภาพน้อยลงถ้าคุณสามารถกำหนดคลาสให้กับองค์ประกอบ

$(".myselect")

ในการตอบคำถามของคุณมีวิธีเปลี่ยนค่าองค์ประกอบที่เลือกเป็น jQuery

// sets selected index of a select box to the option with the value "0"
$("select#elem").val('0'); 

// sets selected index of a select box to the option with the value ""
$("select#elem").val(''); 

// sets selected index to first item using the DOM
$("select#elem")[0].selectedIndex = 0;

// sets selected index to first item using jQuery (can work on multiple elements)
$("select#elem").prop('selectedIndex', 0);

เพิ่งพบสิ่งนี้มันเหมาะกับฉันและฉันพบว่ามันอ่านง่ายกว่า

สิ่งนี้จะตั้งค่าดัชนีจริงเช่นเดียวกับตัวเลือกคำตอบหมายเลข 3 ของ gnarf

// sets selected index of a select box the actual index of 0 
$("select#elem").attr('selectedIndex', 0);

สิ่งนี้ไม่ได้ใช้งานได้ แต่ตอนนี้ ... ดูข้อผิดพลาด: http://dev.jquery.com/ticket/1474

ภาคผนวก

ตามที่แนะนำในการใช้ความคิดเห็น:

$("select#elem").prop('selectedIndex', 0);

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

นี่เป็นอีกวิธีในการเปลี่ยนดัชนีและจริง ๆ แล้วมันสะท้อนให้เห็นในแบบเลื่อนลง:

$('#mydropdown').val('first').change();

ฉันกำลังใช้

$('#elem').val('xyz');

เพื่อเลือกองค์ประกอบตัวเลือกที่มีค่า = 'xyz'

รหัส JQuery:

$("#sel_status").prop('selectedIndex',1);

รหัส Jsp:

Status:
<select name="sel_status"
    id="sel_status">
    <option value="1">-Status-</option>
    <option>ALL</option>
    <option>SENT</option>
    <option>RECEIVED</option>
    <option>DEACTIVE</option>
</select>

คุณต้องการคว้าค่าของตัวเลือกแรกในองค์ประกอบที่เลือก

$("*[id$='" + originalId + "']").val($("*[id$='" + originalId + "'] option:first").attr('value'));

เพื่อเลือกตัวเลือกที่ 2

$('#your-select-box-id :nth-child(2)').prop('selected', true);

ที่นี่เราเพิ่ม `ทริกเกอร์ ('เปลี่ยน') เพื่อให้เหตุการณ์ไฟไหม้

$('#your-select-box-id :nth-child(2)').prop('selected', true).trigger('change');

$("[id$='" + originalId + "']").val("0 index value");

จะตั้งเป็น 0

เลือกตัวเลือกที่ 4

$('#select').val($('#select option').eq(3).val());

ตัวอย่างบน jsfiddle