カスタム属性を関数に渡すにはどうすればよいですか？

Question

<select data-myattr="123" id="cboTest" 
     onchange="SayHello(this.data-myattr)"> 

これは機能しません。私がdata-をそれから取り除くと、それは動作しますが、私が読んだことから、それはhtml5そのようにするのが安全です。しかし、そのようにして、私は得る："Microsoft JScriptランタイムエラー： 'myattr'は未定義です"。事前に

function SayHello(msg) { 
    alert(msg); 
} 

ありがとう：

は、これは私の超複雑な関数です。

Answer 1

このようにしてみてください。

<select data-myattr="123" id="cboTest" 
     onchange="SayHello(this.getAttribute('data-myattr'))"> 

Answer 2

の式：

onchange="SayHello(this.data-myattr)">

はthis.dataマイナスmyattrように解釈されています。代わりに：

onchange="SayHello(this.getAttribute('data-myattr'))" 

を使用する必要があります。 getAttribute()よう

Answer 3

何かが

Here's an example行う必要があります。また

<select data-myattr="123" id="cboTest" 
onchange="SayHello(this.getAttribute('data-myattr'))"> 
    <option>1</option> 
    <option>2</option> 
</select> 

を、私は彼らがHTMLを乱雑にするため、インラインスクリプトの使用を回避しようと思います。代わりにaddEventListener/attachEvent（古いIE）を使用してください。