[解決済み] htmlのselect要素のselectedオプションの値を取得・設定するjQuery

質問

select要素（ドロップダウンリスト）のselected値をjQueryで取得・設定しようとしています。

取得のために、私は試しました $("#myId").find(':selected').val() と同じように $("#myId").val() と同じですが、どちらも未定義を返します。

この問題に対するどんな洞察も大いに感謝されるでしょう。

どのように解決するのですか？

今のところ、あなたの持っている方法は正しいです。selectのidがあなたの言う通りでないか、domに問題があるかのどちらかです。

要素の ID を確認し、またマークアップが以下の場所で検証されていることを確認します。 ここで をW3cで検証してください。

有効なdomがなければ、jQueryはセレクタを正しく動作させることができません。

idが正しく、domが有効であれば、以下が適用されます。

セレクトオプションの値を読むには

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

セレクトオプションの値を設定する

$('#selectId').val('newValue');

選択されたテキストを読むには

$('#selectId>option:selected').text();