javascript セレクトボックス 値 取得

Question

javascriptでセレクトボックスの値を取得する関数を作ったのですがエラーが発生して困っています。

コード
<form name="country" id="country">

県<select name="prefecture" id="prefecture">
<option value="0">県を選択する</option>
<option value="1">東京都</option>
<option value="2">神奈川県</option>
</select>

<input type="button" value="決定" onClick="getOption("prefecture")">

</form>
<script>


function getOption(select){

            const options = document.country.select;

            const num = options.selectedIndex;

            const str = options.options[num].text;

            return str;

}

</script>

このように書くとエラーが起きます。どうすればよいでしょうか？

Comments

[m.ts10806]

>エラーが発生して
https://teratail.com/help/question-tips#questionTips3-4

あとクォーテーションの使い方は基本なので、確実におさえましょう（HTMLもです）

[m.ts10806]

なかなか気づけないところではあるので、慣れないうちは構文チェックやシンタックスハイライトしてくれるエディタは必須です。（実務では必携です）

[退会済みユーザー]

またまた先のスレッドが放置状態です。レスが無いならともかく、レスがついたらタイムリーにフィードバックを返しましょう。マナーとして。

[退会済みユーザー]

「フィードバックを返す」＝「ベストアンサーをつける」ではありません。

ピンポイントな正解がバイリターンで返ってきているならともかく。前のスレッドは違います。もらったレス一つ一つに対して返事してください。

このスレッドでもすでにレスがついているのだから、返事してください。読んだ、分かった・分からなかったぐらいの返事はすぐできるはずです。無言はとにかく NG です。

[toukyoutaro]

かしこまりました。

Answer 1

• onClick="getOption("prefecture")" →クォーテーションが競合
• document.country → 参照の仕方が雑
• return str; → もどしてどうする？

Comments

[yambejp]

たとえばフォームを渡して、consolo.logするとか・・・
<input type="button" value="決定" onClick="getOption(this.form)">
として
function getOption(f){
const options = f.elements["prefecture"];
const num = options.selectedIndex;
const str = options.options[num].text;
console.log(str);
}

[toukyoutaro]

すみませんこれでもなりませんでした。

[yambejp]

「なりません」ってなんでしょ？

codepenに転記しておきました
https://codepen.io/yambejp/pen/LYGLooG

[toukyoutaro]

わざわざありがとうございます。
理解できました。

[yambejp]

ちなみに今回の回答はベストなものを目指したのではありません
ご提示いただいたソースを最大限有効に使うことを目的に書いているので
もっと効率的な書き方はいろいろあります

[toukyoutaro]

かしこまりました。
ありがとうございました。