jquery - select タグ jQuery の値を取得する

Question

私は次のようなコードを持っています

<select id="sel1">
    <option label="l1" value="1">Cool</option>
    <option label="l2" value="2">Hot</option>
</select>

ここで、jQuery で選択した項目の値を変更するときに、値を Cool または Hot にする必要があります。しようとしてquerySource = $("#querySource").val();いますが、これは1またはとして表示され2ます。

どうやってするか？

Answer 1

これを使用してください：

テキスト値を取得したい場合: Cool と Hot のように、これを使用します

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

値を取得したい場合: 1,2 のように

$('#sel1 option:selected').val();

Answer 2

これを試して

$("#sel1 option:selected").text()

Answer 3

使用するoption:selected

querySource = $("#querySource option:selected").text();

また、次のものを使用することもできます

$("#querySource option").is("selected").text()
$("#querySource").children("option").is("selected").text()

Answer 4

あなたはこれを使うことができます

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