함수에 사용자 지정 특성을 전달하는 방법은 무엇입니까?

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'))" 

대신에 사용해야합니다.

Here's an example을해야 getAttribute() 같은

이

Answer 3

뭔가 :

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

또한, 나는 그들이 HTML이 지저분하기 때문에 인라인 스크립트의 사용을 피하려고 할 것입니다. 대신 addEventListener/attachEvent (이전 IE)을 사용하십시오.