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フォーラムのスレッド$（this + "option：selected"）。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;   

次に、選択した値とテキストをselectedValueと内に取得しますselectedText。

var someName = "Test";

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

それはあなたが正しい方向に行くのに役立ちます。上記のコードは、さらにサポートが必要な場合は完全にテストされています。

使用している人のためのSharePointリストをと長い生成されたIDを使用したくない、これは動作します：

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

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

代わりに、クラスの使用#selectIDなど、任意のjQueryセレクターを使用できます.selectClass。

ここのドキュメントで述べたように。

：selectedセレクターは<option>要素に対して機能します。チェックボックスやラジオ入力には機能しません。:checkedそれらのために使用します。

.text（）のドキュメントを1としてここに。

子孫を含む、一致する要素のセット内の各要素の結合されたテキストコンテンツを取得します。

したがって、.text()メソッドを使用して、任意のHTML要素からテキストを取得できます。

詳細な説明については、ドキュメントを参照してください。

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