javascriptでhtmlによるvalueを同じページからでも取得する方法

Question

javascriptの変数にhtmlのselectタグとoptionタグで作成した

optionタグの値をinputタグで送信しないでも

optionタグを選んだ段階でjavascriptの変数に入れたいのですが

うまく機能しません

間違えているスクリプトがありましたらご指揮頂けると助かります

 <select name="firstCategoryName" id="firstCategoliId">
            <option value="1">レディース</option>
            <option value="2">  メンズ</option>
            <option value="3">ベビー・キッズ</option>
            <option value="4">小物</option>
        </select>

上記までがoptionで選べる機能の実装
下記のコードでoptionで選んだらすぐにvalueの値が入るようにしました
変数名 categoliDecision　にoptionタグのvalueを入れる感じです
  var categoliDecision = document.getElementById("firstCategoliId");

Comments

[maisumakun]

「下記のコードでoptionで選んだらすぐにvalueの値が入るようにしました」とありますが、「optionで選んだら」当該のコードを実行する、というような実装は行っていますか？

[nguyenseiji]

on changeメそっとを使用したら解決しました

ありがとうございます。

Answer 1

イベントを使って非同期的に取得するしかないと思います。

HTMLElement: change イベント - Web API | MDN

ブラウザイベントの紹介

Answer 2

on change メソットを optionタグに記載しましたら解決しました