Javascript 使用JSP用图像显示数据库值
我创建了一个简单的站点,它读取数据库表并在浏览器中的html表中显示它。 我有一个按钮,允许修改、保存表格,然后自动将更新后的表格转发到主页。 我还有一个选择按钮,用户可以用它选择特定的行,并更新表中的一列 我的问题是,我需要一种方法来显示选择了哪一行。 我更喜欢在HTML表中有一列,显示所选图像 这是我的主页,其中显示了数据库表。 在html的左列中,如果选择了该行,我想在其中添加一个图像 我已经尝试过使用javascript之类的方法,但我就是无法理解它? 我能得到一些帮助吗Javascript 使用JSP用图像显示数据库值,javascript,html,database,image,jsp,Javascript,Html,Database,Image,Jsp,我创建了一个简单的站点,它读取数据库表并在浏览器中的html表中显示它。 我有一个按钮,允许修改、保存表格,然后自动将更新后的表格转发到主页。 我还有一个选择按钮,用户可以用它选择特定的行,并更新表中的一列 我的问题是,我需要一种方法来显示选择了哪一行。 我更喜欢在HTML表中有一列,显示所选图像 这是我的主页,其中显示了数据库表。 在html的左列中,如果选择了该行,我想在其中添加一个图像 我已经尝试过使用javascript之类的方法,但我就是无法理解它? 我能得到一些帮助吗 功能编辑记录
功能编辑记录(id){
var f=document.form;
f、 方法=“post”;
f、 action='edit.jsp?id='+id;
f、 提交();
}
功能选择记录(id、btn、i){
var f=document.form;
f、 方法=“post”;
f、 action='select.jsp?id='+id;
f、 提交();
如果(!btn.style){
警报(“不支持”);
返回;
}否则{
btn.style.background=“红色”;
返回;
}
}
挑选出来的
名称
地址
联系电话
电子邮件
挑选
功能编辑记录(id){
var f=document.form;
f、 方法=“post”;
f、 action='edit.jsp?id='+id;
f、 提交();
}
功能选择记录(id、btn、i){
//下面是显示图像的代码
var images=document.getElementsByName(“selectImg”);
对于(var i=0;i
不确定JSP,但我会使用一些JQuery和ajax来获取所选行的标识符,并更改其css以指示选择状态。ajax应该将所选行的标识符传递给某个服务器脚本或其他什么,以便可以在数据库endHi Josh上对其进行操作,您是否仍在尝试解决这个问题你能想出一个解决办法吗?如果你能想出,我很想听听。
<script language="javascript">
function editRecord(id) {
var f=document.form;
f.method="post";
f.action='edit.jsp?id='+id;
f.submit();
}
function selectRecord(id, btn, i) {
//Here goes the code to display image
var images = document.getElementsByName("selectImg");
for(var i=0;i<images.length;i++){
if(images[i].id!="img_"+id)
images[i].style.display="None";
else
images[i].style.display="Block";
}
//End
var f=document.form;
f.method="post";
f.action='select.jsp?id='+id;
f.submit();
if(!btn.style) {
alert("not supported");
return;
} else{
btn.style.background = "red";
return;
}
}
</script>
<%
while(rs.next()) {
%>
<tr>
<td><div name="selectImg" id="img_<%=rs.getString(1)%>">
<img src="path_to_image"></div></td>
<td><%=rs.getString(2)%></td>
<td><%=rs.getString(3)%></td>
<td><%=rs.getString(4)%></td>
<td><%=rs.getString(5)%></td>
<td><input type="button" name="edit" value="Edit" style="background-color:#49743D;font-weight:bold;color:#ffffff;" onclick="editRecord(<%=rs.getString(1)%>);" /></td>
<td><input type="button" name="select" value="Select" style="background-color:#49743D;font-weight:bold;color:#ffffff;" onclick="selectRecord(<%=rs.getString(1)%>, this);" /></td>