【求】javascript或者PHP实现图中效果-给一个表单,提交以后把提交结果显示在当前页面

ITbyc 2016-06-07 01:42:35


想要实现的效果如图,感谢大师!
...全文
219 2 打赏 收藏 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
ITbyc 2016-06-07
  • 打赏
  • 举报
回复
开始没听懂,后来琢磨了下,搞定啦,谢谢大师!
<input id="url" type="text"/>
<input type="button" value="测试" onClick="javascript:url()"/>
<div></div>
<script>
function url()
{
document.getElementById('img').innerHTML='<img src="'+document.getElementById('url').value+'"/>'
}
 </script>
<div id="img"></div>
  • 打赏
  • 举报
回复
点击提交时执行下面的代码,注意按钮要为button,不要submit,要不放到表单中会提交表单导致js没效果
document.getElementById('区域容器ID').innerHTML='<img src="'+document.getElementById('输入框id').value+'"/>'

87,984

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧