ฉันมีดรอปดาวน์ที่มีคู่ 'ID, Name'
ตัวอย่าง
Jon Miller
Jim Smith
Jen Morsin
Jon MIller มี ID 101
Jim Smith มี ID 102
Jen Morsin มี ID 103
เมื่อฉันทำสิ่งต่อไปนี้:
var arNames = $('#Crd').val()
และฉันเลือกจอนมิลเลอร์ฉันได้ 101 ฉันอยากได้จอนมิลเลอร์
คำตอบ:
$('#Crd').val()จะให้ค่าที่เลือกขององค์ประกอบแบบเลื่อนลง ใช้สิ่งนี้เพื่อรับข้อความตัวเลือกที่เลือก
$('#Crd option:selected').text();
วิธีที่ดีที่สุดคือใช้:
$("#yourid option:selected").text();
ขึ้นอยู่กับความต้องการคุณสามารถใช้วิธีนี้:
var v = $("#yourid").val();
$("#yourid option[value="+v+"]").text()
หากคุณกำลังใช้<select>, .val()ได้รับค่า <option>'ของการเลือก หากไม่มีvalueอาจเปลี่ยนกลับไปเป็นไฟล์id. ใส่ค่าที่คุณต้องการให้ส่งคืนในvalueแอตทริบิวต์ของแต่ละรายการ<option>
แก้ไข:ดูความคิดเห็นเพื่อความกระจ่างว่าvalueจริงคืออะไร(ไม่จำเป็นต้องเท่ากับvalueแอตทริบิวต์)
values ณ จุดใด ๆ
.val() gets the 'value' attribute of the selected <option>อย่างที่ฉันพูด: แค่ชี้แจง
สิ่งนี้ได้ผลสำหรับฉัน!
$('#selected-option option:selected').val()
หวังว่านี่จะช่วยใครสักคน!
var sal = $('.selectSal option:selected').eq(0).val();
selectSal เป็นชั้นเรียน
ลองสิ่งนี้:
var text = $('#YourDropdownId').find('option:selected').text();
อีกทางเลือกหนึ่ง:
$("#<%=dropDownId.ClientID%>").children("option:selected").val();
ตามที่ได้ระบุไว้ ... ในselectกล่อง.val()แอตทริบิวต์จะให้ค่าของตัวเลือกที่เลือก หากตัวเลือกที่เลือกไม่มีแอตทริบิวต์ value ค่าเริ่มต้นจะเป็นค่าที่แสดงของตัวเลือก (ซึ่งเป็นตัวอย่างในเอกสาร jQuery ของการ.valแสดง
คุณต้องการใช้.text()ตัวเลือกที่เลือก:
$('#Crd option:selected').text()
$('.leave_response').on('change', function() {
var responseId = $(this).val();
console.log(responseId);
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<td>
<select class="leave_response" name="leave">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
</td>ส่ง id และกดค้างไว้ในตัวแปรและส่งผ่านตัวแปรไปตามที่คุณต้องการ
var temp = $ ('select [name = ID Name]'). val ();