javascript - セレクトボックスの name 属性を取得する

Question

name 属性を使用したことはありませんが、MVC では必須のように見えます。

私は持っている

<select name="testname" onChange="Alert()">
<option value="8">Test</option>
</select>

JS

function Alert(){
alert(this.name);
}

結果は alert("testname") になるはずです

シンプルですが、私は一度も使用したことがなく、誰もが値またはインデックスの取得について尋ねているため、Googleで見つけるのは困難です:D

score 5 · Accepted Answer

問題は、を呼び出す方法が原因で、DOM 要素ではなくをAlert参照thisすることです。window引数として関数に渡すことができます：

<select name="testname" onchange="Alert(this)">

と

function Alert(element){
    alert(element.name);
}

HTML 属性を使用するよりも、イベントハンドラーをアタッチするためのより良い方法があります。quirksmode.org のイベント処理に関するさまざまな記事を読むことをお勧めします。

また、仕組みthisを理解していることを確認してください。

もちろん、あなたも書くことができます

<select name="testname" onchange="alert(this.name)">

jQuery を使用している場合は、jQuery を使用してイベントハンドラーをバインドする必要があります。例えば：

$('select[name=testname]').change(function() {
    alert(this.name);
});

jQuery チュートリアルを見て、時間を取ってAPI ドキュメントに目を通してください。それだけの価値があります。

1 に答える 1