รับข้อความที่เลือกจากรายการแบบหล่นลง (เลือกกล่อง) โดยใช้ jQuery

ฉันจะรับข้อความที่เลือก (ไม่ใช่ค่าที่เลือก) จากรายการแบบเลื่อนลงใน jQuery ได้อย่างไร

$("#yourdropdownid option:selected").text();

ลองสิ่งนี้:

$("#myselect :selected").text();

สำหรับ ASP.NET แบบเลื่อนลงคุณสามารถใช้ตัวเลือกต่อไปนี้:

$("[id*='MyDropDownId'] :selected")

คำตอบที่โพสต์ที่นี่เช่น

$('#yourdropdownid option:selected').text();

ไม่ได้ผลสำหรับฉัน แต่สิ่งนี้ทำได้:

$('#yourdropdownid').find('option:selected').text();

อาจเป็นรุ่นเก่ากว่าของ jQuery

หากคุณมีรายการดรอปดาวน์อยู่ในตัวแปรอยู่แล้วนี่คือสิ่งที่เหมาะกับฉัน:

$("option:selected", myVar).text()

คำตอบอื่น ๆ สำหรับคำถามนี้ช่วยฉัน แต่ท้ายที่สุดแล้วฟอรัม jQuery กระทู้$ (ตัวเลือก + "นี้: เลือก") ตัวเลือก attr ("rel") ที่เลือกไม่ทำงานใน IEช่วยมากที่สุด

อัพเดท: แก้ไขลิงค์ด้านบน

มันใช้งานได้สำหรับฉัน

$("#dropdownid").change(function() {
    alert($(this).find("option:selected").text());
});

ถ้าองค์ประกอบสร้างแบบไดนามิก

$(document).on("change", "#dropdownid", function() {
    alert($(this).find("option:selected").text());
});

$("option:selected", $("#TipoRecorde")).text()

$("#DropDownID").val() จะให้ค่าดัชนีที่เลือก

สิ่งนี้ใช้ได้กับฉัน:

$('#yourdropdownid').find('option:selected').text();

รุ่นjQuery : 1.9.1

สำหรับข้อความของรายการที่เลือกใช้:

$('select[name="thegivenname"] option:selected').text();

สำหรับมูลค่าของรายการที่เลือกใช้:

$('select[name="thegivenname"] option:selected').val();

หลากหลายวิธี

1. $("#myselect option:selected").text();

2. $("#myselect :selected").text();

3. $("#myselect").children(":selected").text();

4. $("#myselect").find(":selected").text();

$("#dropdownID").change(function(){
  alert($('option:selected', $(this)).text());
});

ใช้สิ่งนี้

const select = document.getElementById("yourSelectId");

const selectedIndex = select.selectedIndex;
const selectedValue = select.value;
const selectedText = select.options[selectedIndex].text;   

จากนั้นคุณจะได้รับความคุ้มค่าและข้อความให้อยู่ในที่ที่คุณเลือกและselectedValueselectedText

var someName = "Test";

$("#<%= ddltest.ClientID %>").each(function () {
    $('option', this).each(function () {
        if ($(this).text().toLowerCase() == someName) {
            $(this).attr('selected', 'selected')
        };
    });
});

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

สำหรับผู้ที่ใช้รายการSharePointและไม่ต้องการใช้รหัสที่สร้างขึ้นแบบยาวสิ่งนี้จะใช้ได้:

var e = $('select[title="IntenalFieldName"] option:selected').text();

 $("#selectID option:selected").text();

แทนที่จะเป็น#selectIDคุณสามารถใช้ตัวเลือก jQuery เช่น.selectClassใช้คลาส

เป็นที่กล่าวถึงในเอกสารประกอบที่นี่

กระบวนการ: ตัวเลือกที่เลือกทำงานได้กับองค์ประกอบ <option> มันไม่ทำงานสำหรับช่องทำเครื่องหมายหรืออินพุตวิทยุ ใช้:checkedสำหรับพวกเขา

.Text ()ตามเอกสารที่นี่

รับเนื้อหาข้อความรวมของแต่ละองค์ประกอบในชุดขององค์ประกอบที่ตรงกันรวมถึงลูกหลานของพวกเขา

ดังนั้นคุณสามารถนำข้อความจากองค์ประกอบ HTML ใด ๆ โดยใช้.text()วิธีการ

อ้างถึงเอกสารสำหรับคำอธิบายที่ลึกซึ้งยิ่งขึ้น

$("select[id=yourDropdownid] option:selected").text()

ใช้งานได้ดี

สำหรับการรับค่าการใช้งานที่เลือก

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

และสำหรับการรับข้อความรายการที่เลือกใช้บรรทัดนี้:

$("#dropDownId option:selected").text();

$('#id').find('option:selected').text();

เลือกข้อความและค่าที่เลือกเมื่อเลื่อนลง / เลือกเปลี่ยนเหตุการณ์ใน jQuery

$("#yourdropdownid").change(function() {
    console.log($("option:selected", this).text()); //text
    console.log($(this).val()); //value
})

ลองใช้รหัสต่อไปนี้

var text= $('#yourslectbox').find(":selected").text();

มันจะส่งคืนข้อความของตัวเลือกที่เลือก

ใช้:

('#yourdropdownid').find(':selected').text();

var e = document.getElementById("dropDownId");
var div = e.options[e.selectedIndex].text;

ทำงานต่อไปนี้สำหรับฉัน:

$.trim($('#dropdownId option:selected').html())

งานนี้สำหรับฉัน:

$("#city :selected").text();

ฉันใช้ jQuery 1.10.2

ในกรณีพี่น้อง

<a class="uibutton confirm addClient" href="javascript:void(0);">ADD Client</a>
<input type="text" placeholder="Enter client name" style="margin: 5px;float: right" class="clientsearch large" />
<select class="mychzn-select clientList">
  <option value="">Select Client name....</option>
  <option value="1">abc</option>
</select>


 /*jQuery*/
 $(this).siblings('select').children(':selected').text()

ลอง:

$var = jQuery("#dropdownid option:selected").val();
   alert ($var);

หรือเพื่อรับข้อความของตัวเลือกใช้text():

$var = jQuery("#dropdownid option:selected").text();
   alert ($var);

ข้อมูลเพิ่มเติม:

• http://api.jquery.com/val/
• http://api.jquery.com/text/

หากคุณต้องการผลลัพธ์เป็นรายการให้ใช้:

x=[];
$("#list_id").children(':selected').each(function(){x.push($(this).text());})

$("#dropdown").find(":selected").text();


$("#dropdown :selected").text();

$("#dropdown option:selected").text();

$("#dropdown").children(":selected").text();

รหัสนี้ใช้ได้สำหรับฉัน

$("#yourdropdownid").children("option").filter(":selected").text();