Dapatkan teks yang dipilih dari daftar drop-down (kotak pilih) menggunakan jQuery

Bagaimana saya bisa mendapatkan teks yang dipilih (bukan nilai yang dipilih) dari daftar drop-down di jQuery?

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

Coba ini:

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

Untuk dropdown ASP.NET Anda dapat menggunakan pemilih berikut:

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

Jawaban yang diposting di sini, misalnya,

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

tidak bekerja untuk saya, tetapi ini berhasil:

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

Ini mungkin versi jQuery yang lebih lama.

Jika Anda sudah memiliki dropdownlist yang tersedia dalam suatu variabel, inilah yang berfungsi untuk saya:

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

Jawaban lain pada pertanyaan ini membantu saya, tetapi akhirnya forum jQuery utas $ (opsi + "ini: terpilih"). Attr ("rel") opsi yang dipilih tidak bekerja di IE paling membantu.

Pembaruan: memperbaiki tautan di atas

Ini bekerja untuk saya

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

Jika elemen dibuat secara dinamis

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

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

$("#DropDownID").val() akan memberikan nilai indeks yang dipilih.

Ini bekerja untuk saya:

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

Versi jQuery : 1.9.1

Untuk teks dari item yang dipilih, gunakan:

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

Untuk nilai item yang dipilih, gunakan:

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

Berbagai cara

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());
});

Gunakan ini

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

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

Kemudian Anda mendapatkan nilai dan teks yang Anda pilih di dalam selectedValuedan selectedText.

var someName = "Test";

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

Itu akan membantu Anda mendapatkan arah yang benar. Kode di atas sepenuhnya diuji jika Anda memerlukan bantuan lebih lanjut, beri tahu saya.

Bagi mereka yang menggunakan daftar SharePoint dan tidak ingin menggunakan id lama, ini akan berfungsi:

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

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

Alih-alih #selectIDAnda dapat menggunakan pemilih jQuery apa pun, seperti .selectClassmenggunakan kelas.

Seperti disebutkan dalam dokumentasi di sini .

Selektor yang dipilih: berfungsi untuk elemen <option>. Ini tidak berfungsi untuk kotak centang atau input radio; gunakan :checkeduntuk mereka.

.text () Sesuai dokumentasi di sini .

Dapatkan konten teks gabungan dari setiap elemen dalam set elemen yang cocok, termasuk turunannya.

Jadi, Anda dapat mengambil teks dari elemen HTML apa pun menggunakan .text()metode ini.

Lihat dokumentasi untuk penjelasan yang lebih dalam.

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

Ini berfungsi dengan baik

Untuk mendapatkan nilai yang dipilih, gunakan

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

dan untuk mendapatkan teks item yang dipilih, gunakan baris ini:

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

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

Pilih Teks dan nilai yang dipilih pada dropdown / pilih ubah acara di jQuery

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

Cukup coba kode berikut.

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

mengembalikan teks dari opsi yang dipilih.

Menggunakan:

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

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

berikut ini bekerja untuk saya:

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

Ini bekerja untuk saya:

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

Saya menggunakan jQuery 1.10.2

Dalam kasus saudara kandung

<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()

Mencoba:

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

Atau untuk mendapatkan teks opsi, gunakan text():

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

Info lebih lanjut:

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

Jika Anda ingin hasilnya sebagai daftar, maka gunakan:

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();

Kode ini bekerja untuk saya.

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