jsp中js实现点击按钮更改背景图片
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jsp中js实现点击按钮更改背景图片相关的知识，希望对你有一定的参考价值。
问题如下：
jsp中分上下个两个DIV,各自有自己的初始背景颜色,并有文字
三个按钮，点击“按钮1” 上下两个DIV中的背景同时更换成两个不同的图片
点击“按钮2” 同上
以此类推
但是文字还在,只是背景图片改变
function mychange(num)
document.getElementById("div1").style.backgroundImage="url("+num+".jpg)";
document.getElementById("div2").style.backgroundImage="url("+num+".jpg)";
</script>
</head>
<body>
<div id="div1" style="height:200px; width:200px; background:#FF0000">这是第一个div</div>
<div id="div2" style="height:200px; width:200px; background:#0000FF">这是第二个div</div>
<input type="button" value="第一个按钮" onclick="mychange(1)" />
<input type="button" value="第二个按钮" onclick="mychange(2)" />
<input type="button" value="第三个按钮" onclick="mychange(3)" />
</body> 参考技术A 我把思路改成换ID（或者class），这样做比较简单粗暴，但是可行。
因为我用的框架laravel，不知道怎么在view里面写img路径，url::asset()也不行，试了很多次，差点爆炸，最后才直接用JS换ID 参考技术B document.getElementById('divid').style.backgroundImage='url(111.jpg)'
jsp实现给本页面传值后并更改本页面UI
如图，想实现点击提交按钮后下方显示信息，其中查询条件是用form包含的，action是本身jsp，当实现不了这个效果，应该怎么写action？和按钮点击事件
@RequestMapping("/activitygamelist")
public
@ResponseBody
List<YhGameActivity>activitygamelist( yhGameActivity) throws Exception
SellerUserInfo userInfo = SessionHolder.getSessionInfo(IUser.USER_KEY);
yhGameActivity.setSellerId(userInfo.getId());
List<YhGameActivity>obj = yhGameActivityService.querylist(yhGameActivity, page);
return obj;
请求到后台后成功返回list 然后ajax success 里面将list 赋值给下面的
或者 ModelAndView
@RequestMapping("/activitygamelist")
public
LModelAndView activitygamelist( yhGameActivity) throws Exception
ModelAndView view =new ModelAndView();
view.setViewName("/a/a.jsp");
SellerUserInfo userInfo = SessionHolder.getSessionInfo(IUser.USER_KEY);
yhGameActivity.setSellerId(userInfo.getId());
List<YhGameActivity>obj = yhGameActivityService.querylist(yhGameActivity, page);
view.addObject("obj",obj);
return obj;
参考技术A 工程发来，帮你远程调试追答
👇q
？
以上是关于jsp中js实现点击按钮更改背景图片的主要内容，如果未能解决你的问题，请参考以下文章