Javascript 使用JSP用图像显示数据库值

Javascript 使用JSP用图像显示数据库值,javascript,html,database,image,jsp,Javascript,Html,Database,Image,Jsp,我创建了一个简单的站点,它读取数据库表并在浏览器中的html表中显示它。 我有一个按钮,允许修改、保存表格,然后自动将更新后的表格转发到主页。 我还有一个选择按钮,用户可以用它选择特定的行,并更新表中的一列 我的问题是,我需要一种方法来显示选择了哪一行。 我更喜欢在HTML表中有一列,显示所选图像 这是我的主页,其中显示了数据库表。 在html的左列中,如果选择了该行,我想在其中添加一个图像 我已经尝试过使用javascript之类的方法,但我就是无法理解它? 我能得到一些帮助吗 功能编辑记录

我创建了一个简单的站点,它读取数据库表并在浏览器中的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>