jQuery เพื่อดึงและตั้งค่าตัวเลือกที่เลือกของ html select element

ฉันกำลังพยายามดึงและตั้งค่าที่เลือกขององค์ประกอบที่เลือก (รายการแบบเลื่อนลง) ด้วย jQuery

สำหรับการดึงข้อมูลฉันได้ลอง$("#myId").find(':selected').val()แล้วเช่นเดียวกับ$("#myId").val()แต่ทั้งสองกลับไม่ได้กำหนด

ความเข้าใจในปัญหานี้จะได้รับการชื่นชมมาก

วิธีที่คุณมีถูกต้องในขณะนี้ id ของสิ่งที่เลือกไม่ใช่สิ่งที่คุณพูดหรือคุณมีปัญหาบางอย่างใน Dom

ตรวจสอบรหัสขององค์ประกอบและตรวจสอบการตรวจสอบมาร์กอัปของคุณที่นี่ที่ W3c

หากไม่มี jQuery dom ที่ถูกต้องจะไม่สามารถทำงานกับตัวเลือกได้อย่างถูกต้อง

หากรหัสถูกต้องและโดเมนของคุณตรวจสอบความถูกต้องแล้วจะใช้สิ่งต่อไปนี้:

ในการอ่านเลือกค่าตัวเลือก

$('#selectId').val();

ในการตั้งค่า Select Option Value

$('#selectId').val('newValue');

เพื่ออ่านข้อความที่เลือก

$('#selectId>option:selected').text();

เพื่อรับ / ตั้งค่าคุณสมบัติ selectedIndex จริงขององค์ประกอบที่เลือกใช้:

$("#select-id").prop("selectedIndex");

$("#select-id").prop("selectedIndex",1);

$('#myId').val() ควรทำมันล้มเหลวที่ฉันจะลอง:

$('#myId option:selected').val()

เมื่อตั้งค่าด้วยJQMอย่าลืมอัปเดตUI:

$('#selectId').val('newValue').selectmenu('refresh', true);

$("#myId").val()ควรใช้งานได้ถ้าmyidเป็นรหัสองค์ประกอบที่เลือก!

สิ่งนี้จะตั้งค่ารายการที่เลือก: $("#myId").val('VALUE');

สมมติว่าคุณได้สร้างรายการแบบหล่นลงโดยใช้แท็ก SELECT ดังนี้

<select id="Country">

ตอนนี้ถ้าคุณต้องการดูว่าค่าที่เลือกจากดรอปดาวน์โดยใช้ JQuery คืออะไรให้ใส่บรรทัดต่อไปนี้เพื่อดึงค่านั้น ..

var result= $("#Country option:selected").text();

มันจะทำงานได้ดี

ฉันรู้ว่ามันเก่า แต่ฉันเพิ่งมีช่วงเวลาหนึ่งกับ Razor ไม่สามารถทำให้มันทำงานได้ไม่ว่าฉันจะพยายามแค่ไหนก็ตาม ยังคงกลับมาเป็น "ไม่ได้กำหนด" ไม่ว่าฉันจะใช้ "text" หรือ "html" สำหรับแอตทริบิวต์ ในที่สุดฉันก็เพิ่มแอตทริบิวต์ "data-value" ให้กับตัวเลือกและมันก็อ่านได้ดี

 <option value="1" data-value="MyText">MyText</option>

 var DisplayText = $(this).find("option:selected").attr("data-value");

$ ("#myId ตัวเลือก: ที่เลือก") .text (); จะให้ข้อความที่คุณเลือกในองค์ประกอบแบบเลื่อนลง ทางใดทางหนึ่งคุณสามารถเปลี่ยนเป็น. val (); เพื่อรับคุณค่าของมัน ตรวจสอบการเข้ารหัสด้านล่าง

<select id="myId">
    <option value="1">Mr</option>
    <option value="2">Mrs</option>
    <option value="3">Ms</option>`
    <option value="4">Dr</option>
    <option value="5">Prof</option>
</select>

ลองทำตามนี้

$('#your_select_element_id').val('your_value').attr().add('selected');