How do I pass a custom attribute to a function?

Question

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

This doesn't work. If I take the data-off of it it, it works, but from what I've read, it is html5 safe to do it that way. However, doing it that way, I get: "Microsoft JScript runtime error: 'myattr' is undefined".

This is my super-complex function:

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

Thanks in advance.

Answer 1

Try like this:

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

Answer 2

The expression:

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

Is being interpretted as this.data minus myattr. You'd have to use:

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

instead.