Wie übergebe ich ein benutzerdefiniertes Attribut an eine Funktion?

Question

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

Dies funktioniert nicht. Wenn ich die data- davon nehme, funktioniert es, aber von dem, was ich gelesen habe, ist es HTML5 sicher, es so zu machen. Auf diese Weise erhalte ich jedoch: "Microsoft JScript-Laufzeitfehler: 'myattr' ist nicht definiert".

Das ist meine super-komplexe Funktion:

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

Vielen Dank im Voraus.

Answer 1

Versuchen wie folgt aus:

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

Answer 2

Der Ausdruck:

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

interpretted als this.dataminusmyattr wird. Sie müssten verwenden:

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

statt.

Answer 3

So etwas wie getAttribute() sollte

Here's an example tun:

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

Auch ich würde versuchen, die Verwendung von Inline-Scripts zu vermeiden, da sie HTML chaotisch. Verwenden Sie stattdessen addEventListener/attachEvent (älterer IE).