首页 > 技术文章 > th:onclik()传参问题(前端使用了bootstrap)

Amaris-Lin 2017-08-25 11:58 原文


网上大多帖子是这么写的

onclick调javascript函数时,不能直接使用onclick=“editUser(${prod.id})”,这样会报错,需要修改成如下的格式。

<a href="#editModal" role="button" data-toggle="modal" th:onclick="'javascript:editUser('+${prod.id}+');'">修改</a>
 
<script>
 
function editUser(id){
         $.get("/projectName/user/edit",{objectid:id},function(data) {
                $("#frm_container1").html(data);
            });
     }
 
</script>

但是这样在bootstrap中不适用,必须这样写

<a href="JavaScript:void(0)" th:onclick="'javascript:selectById(\''+${select.id}+'\');'"><li class="name-info"><span th:text = "${select.name}"></span></li></a>
也就是说传入的参数必须转义:\''+${select.id}+'\'

推荐阅读