请分析以下代码中“编辑”按钮为什么没有用?<a href="#" onclick="cookClassEdit('<%=cookClass.getCookClassId() %>');"><i class="fa fa-pencil fa-fw"></i>编辑</a> <div id="cookClassEditDialog" class="modal fade" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title"><i class="fa fa-edit"></i> 烹饪分类信息编辑</h4> </div> <div class="modal-body" style="height:450px; overflow: scroll;"> <form class="form-horizontal" name="cookClassEditForm" id="cookClassEditForm" enctype="multipart/form-data" method="post" class="mar_t15"> <div class="form-group"> <label for="cookClass_cookClassId_edit" class="col-md-3 text-right">分类id:</label> <div class="col-md-9"> <input type="text" id="cookClass_cookClassId_edit" name="cookClass.cookClassId" class="form-control" placeholder="请输入分类id" readOnly> </div> </div> <div class="form-group"> <label for="cookClass_className_edit" class="col-md-3 text-right">分类名称:</label> <div class="col-md-9"> <input type="text" id="cookClass_className_edit" name="cookClass.className" class="form-control" placeholder="请输入分类名称"> </div> </div> <div class="form-group"> <label for="cookClass_cookClassDesc_edit" class="col-md-3 text-right">烹饪分类介绍:</label> <div class="col-md-9"> <textarea id="cookClass_cookClassDesc_edit" name="cookClass.cookClassDesc" rows="8" class="form-control" placeholder="请输入烹饪分类介绍"></textarea> </div> </div> </form> <style>#cookClassEditForm .form-group {margin-bottom:5px;} </style> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button> <button type="button" class="btn btn-primary" onclick="ajaxCookClassModify();">提交</button> </div> </div> </div> </div> function cookClassEdit(cookClassId) { $.ajax({ url : basePath + "CookClass/" + cookClassId + "/update", type : "get", dataType: "json", success : function (cookClass, response, status) { if (cookClass) { $("#cookClass_cookClassId_edit").val(cookClass.cookClassId); $("#cookClass_className_edit").val(cookClass.className); $("#cookClass_cookClassDesc_edit").val(cookClass.cookClassDesc); $('#cookClassEditDialog').modal('show'); } else { alert("获取信息失败!"); } } }); } function ajaxCookClassModify() { $.ajax({ url : basePath + "CookClass/" + $("#cookClass_cookClassId_edit").val() + "/update", type : "post", dataType: "json", data: new FormData($("#cookClassEditForm")[0]), success : function (obj, response, status) { if(obj.success){ alert("信息修改成功!"); location.href= basePath + "CookClass/frontlist"; }else{ alert(obj.message); } }, processData: false, contentType: false, }); }
时间: 2023-10-23 10:08:39 浏览: 138
根据代码所示,点击“编辑”按钮会调用cookClassEdit函数,并传入参数cookClassId。这个函数会通过ajax请求获取对应id的烹饪分类信息,并将其填充到编辑对话框中。但是,在这段代码中并没有给“编辑”按钮绑定点击事件,因此点击按钮并不会触发任何事件,也就是说这个按钮是没有用的。如果想让这个按钮起作用,需要在页面加载完成后使用JavaScript代码给按钮绑定点击事件,使其调用cookClassEdit函数。
相关问题
<% String user_name = (String)session.getAttribute("user_name"); if(user_name==null){ %> <li><a href="#" onclick="login();">用户登录</a></li> <li><a href="<%=basePath%>login.jsp">后台登录</a></li> <% } else { %> <li class="dropdown"> <a id="dLabel" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> ${sessionScope.user_name} <span class="caret"></span> </a> </li> <li><a href="<%=basePath %>logout.jsp"><span class="glyphicon glyphicon-off"></span> 退出</a></li> <% } %>这段代码请帮我用jstl标签改写
可以将上述代码使用 JSTL 标签进行改写,代码如下所示:
```html
<c:choose>
<c:when test="${empty sessionScope.user_name}">
<li><a href="#" onclick="login();">用户登录</a></li>
<li><a href="${basePath}login.jsp">后台登录</a></li>
</c:when>
<c:otherwise>
<li class="dropdown">
<a id="dLabel" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
${sessionScope.user_name}
<span class="caret"></span>
</a>
</li>
<li><a href="${basePath}logout.jsp"><span class="glyphicon glyphicon-off"></span> 退出</a></li>
</c:otherwise>
</c:choose>
```
在上述代码中,使用了 `<c:choose>` 标签来判断当前用户是否已经登录,如果已经登录,则显示用户信息和退出链接,否则显示用户登录和后台登录链接。在判断条件中,使用了 `${empty sessionScope.user_name}` 表达式来判断 `sessionScope` 对象中是否存在 `user_name` 属性。在 JSTL 中,`${}` 表达式用于引用 EL 表达式的值,`${empty}` 表达式用于判断值是否为空。此外,在代码中还使用了 JSTL 的 `<c:when>` 和 `<c:otherwise>` 标签来实现条件判断。
已用IE打开了B网页后,怎么样用JS实现在点击链接后用火狐打开/ckb/main.do?action=getMain#这个链接?<html> <head> <meta charset="utf-8"> <title>B网页</title> </head> <body> 我需要打开这个<a href="/ckb/main.do?action=getMain#" target="_blank">链接</a> <script> var link = document.querySelector('a[href="/ckb/main.do?action=getMain#"]'); link.onclick = function() { window.open(link.href, "_blank"); return false; }; </script> </body> </html>
要在点击链接后使用火狐浏览器打开链接,您需要检查用户使用的浏览器是否为IE,如果是IE,则使用`window.location.href`打开链接。如果不是IE,则使用`window.open`打开链接。
以下是实现该功能的代码:
```html
<html>
<head>
<meta charset="utf-8">
<title>B网页</title>
</head>
<body>
我需要打开这个<a href="/ckb/main.do?action=getMain#" target="_blank">链接</a>
<script>
var link = document.querySelector('a[href="/ckb/main.do?action=getMain#"]');
link.onclick = function() {
// 判断浏览器是否为IE
if (navigator.userAgent.indexOf("MSIE") !== -1 || navigator.userAgent.indexOf("Trident") !== -1) {
// 使用IE浏览器内置的方法打开链接
window.location.href = link.href;
} else {
// 使用浏览器内置的方法打开链接,指定火狐浏览器为打开方式
window.open(link.href, "firefox.exe");
}
return false;
};
</script>
</body>
</html>
```
这样,当用户在IE浏览器中点击链接时,链接将在当前窗口中打开;当用户在非IE浏览器中点击链接时(比如火狐浏览器),链接将在新窗口中以火狐浏览器打开。
阅读全文