c# - コントローラーからビューへのasp.netのselectタグから値を取得する

Question

私はasp.net webappに取り組んでおり、ビューにはユーザーが値を選択できるドロップダウンリストがあります。ドロップダウン リストは問題なく機能します。正しいテキストがメニューに表示されます。しかし、いくつかの基本的な JS を使用して値を取得しようとすると、Chrome の JS コンソールに「Uncaught TypeError: Object # has no method 'GetElementById'」というメッセージが表示されます。これが私のコードです：

<select id="stop" onchange="sendInfo();">

@foreach(var blah in ViewBag.foobar)
{


<option value=@blah>@blah</option>

}
</select>

<script>
function sendInfo() {

    var stopId = document.GetElementById("stop").value;

}

</script>

私はMVCとasp.netのものに非常に慣れていません。

ありがとう、

アマンダ

Answer 1

JavaScriptは大文字と小文字を区別する言語であり、探しているメソッドはgetElementByIdです。

したがって、次のように書く必要があります。

var stopId = document.getElementById("stop").value;

Answer 2

関数を呼び出す必要はありませんgetElementById。各イベント ハンドラに渡されたイベント オブジェクトによって html 要素にアクセスできます。

<select id="stop" onchange="sendInfo(event);">

@foreach(var blah in ViewBag.foobar)
{
     <option value=@blah>@blah</option>
}
</select>

<script>
function sendInfo(event) {
        var stopId = event.target.value;
}

Answer 3

getElementById...

大文字と小文字の区別が重要です。