在html標籤中使用自定義屬性及解決的實際問題

-----------------------------------------題記

今天在做項目的時候遇到一個問題,在【html標籤】中的【onclick屬性】中的【指定的方法】的【參數列表】中直接使用【el傳參】會出現問。就是說如果request傳遞過來的是一個中文的話,在方法內部並不能得到的此參數的真實值,而是得到很奇怪的HTMLImgElement。但是,如果request傳遞過來的是一個數字的話,則在方法內部可以得到此參數的真實值。

-----------------------------------------代碼

<!-- 有問題的處理方式 -->
<body>
	<input type="button" 
		   value="保存" 
		   οnclick="saveUserAuth(${showUsername}, ${theModule});" />
</body>
<script type="text/javascript">
	var saveUserAuth : function(username, module) {
		alert(username);//得不到想要的結果
		alert(module);
	}
</script>

<!-- 換爲如下方式,便可得到想要的結果 -->
<body>
	<input type="button" 
		   value="保存" 
		   username="${showUsername}" 
		   module="${theModule }" 
		   οnclick="userauth.saveUserAuth(this);" />
		   <!-- 傳遞this,及自身input標籤對象 -->
</body>
<script type="text/javascript">
	var saveUserAuth : function(obj) {
		alert($(obj).attr("username"));//得到自身的屬性值
		alert($(obj).attr("module"));
	}
</script>


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章