最好用JS实现这个提交功能,大家帮帮忙

问题描述

我在姓名和奖品输入文字能够在上面的红色方块上滚动显示出来再加个计数功能要一个单页面HTML还没写完整大家帮忙看看吧明天要用,好急啊。<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>无标题文档</title><styletype="text/css"><!--body{background-image:url(000.jpg);}.STYLE1{color:#FFFFFF}--></style></head><body><tablestyle="position:absolute;top:293px;left:86px;width:376px;border:0pxsolid#ccc;height:370px;background-color:#FF0000;layer-background-color:#FF0000;"><tr><td><spanclass="STYLE1">kjkkj</span></td></tr></table><tablestyle="position:absolute;top:290px;left:532px;width:376px;border:0pxsolid#ccc;height:370px;background-color:#FF0000;layer-background-color:#FF0000;"><tr><td>kjkkj</td></tr></table><tablestyle="position:absolute;top:290px;left:975px;width:376px;border:0pxsolid#ccc;height:370px;background-color:#FF0000;layer-background-color:#FF0000;"><tr><td>kjkkj</td></tr></table><divstyle="position:absolute;top:679px;left:86px;&gt;&lt;formid=;width:68px;"form1"name="form1"method="post"action=""><inputname="textfield"type="text"value=""/><formid="form2"name="form2"method="post"action=""><label><inputtype="submit"name="Submit2"value="提交"/></label></form></div></body></html>

解决方案

解决方案二:
这个是背景图
解决方案三:
听不懂你的意思
解决方案四:
引用2楼jamtoday的回复:

听不懂你的意思

手工输入后点提交在红色区域显示出来数据
解决方案五:
那写入数据库再读出来不行么?
解决方案六:
<scripttype="text/javascript"><!--functioninput(){if(window.document.forms.form1.textfield.value){document.getElementById("table1").innerHTML="<tr><td>"+window.document.forms.form1.textfield.value+"</td></tr>";}}--></script>

<tableid="table1"style="position:absolute;top:293px;left:86px;width:376px;border:0pxsolid#ccc;height:370px;background-color:#FF0000;layer-background-color:#FF0000;"><tr><td><spanclass="STYLE1">方框</span></td></tr></table><formid="form1"name="form1"method="post"action=""><inputname="textfield"type="text"onchange="input()"/></form1>

这样就可以实现当你文本框里面的内容改变时,就会在那个红色区域显示,不知道是不是你想要的结果。。。我没有写完善的,只是给楼主参考一下。里面很多都要改。你说的那个计数功能不是很明白你要什么计数功能。。。

时间: 2024-09-30 21:11:03

最好用JS实现这个提交功能,大家帮帮忙的相关文章

javascript-怎么将jsp中list变量传给js文件,求大神帮帮忙

问题描述 怎么将jsp中list变量传给js文件,求大神帮帮忙 从后台action传了一个List类型的值bxLists给了jsp页面, 然后我还要将该值传给另一个js文件处理,我先在jsp页面将该值隐藏起来了 jsp页面如下: <input type="hidden" id="bxlists" name="bxlists" value="${bxLists}"/> 然后在js页面定义了一个数组接收 js页面如下:

关于在Java获得js中的数组 各位大哥帮帮忙!

问题描述 1.我在js脚本中定义的一个数组对象my_array,并通过ajax传递给后台的Java页面:在js页面定义的数值如下:varmy_array=newArray();if(result){$('input[type=checkbox]:checked').each(function(){my_array.push($.trim($(this).attr('value')));});2.我在Java页面通过request.getParameterMap()的到这个对象,(注:当前requ

一个关于js的问题。请大家帮帮忙。

问题描述 functionBtnMouseUp(){if(event.srcElement.tagName!="IMG"){event.cancelBubble=true;returnfalse;}varimage=event.srcElement;varelement=image.parentElement;if(element.YUSERONCLICK)eval(element.YUSERONCLICK+"anonymous()");element.classN

js在vs中调试都正常,生成网站后js失效.新手,请各位高手帮帮忙.

问题描述 <liid="aa"style="visibility:hidden;display:none"><ahref="aa.aspx">test</a></li><scripttype="text/javascript"language="javascript">vara=document.getElementById("limit

仅一个form表单 js实现注册信息依次填写提交功能_javascript技巧

我们原先是一个很长的form表单,里面有很多选项.客户反馈这样不够友好,容易看花眼.因此进行改进,实现多步骤进度,多个提交的实现(其实只有一个form提交). 实现的思路:将表单的选项装入多个div中,一个显示,其他隐藏. 实现效果如下: 1.JavaScript代码 <script type="text/javascript" src="js/jquery.js"></script> <script type="text/j

ArtEditor富文本编辑器增加表单提交功能_javascript技巧

摘要: artEditor.js是一款移动端的富文本编辑器,支持图片上传,后面会增加表情.小视频等功能.最近有朋友反馈artEditor是否支持表单提交,当然是支持的,在未开发该功能之前,你可以像下面这样来实现表单提交 $('.submit').on('click', function(e) { e.preventDefault(); $('.hidden').val($('#artEditor').getValue()); $(this).submit(); }); 新功能: 新增formIn

post提交-C#加入购物车后,POST提交功能 给钱

问题描述 C#加入购物车后,POST提交功能 给钱 上图是京东的.我要做的类似.可以参考 公司要做.搞不出来.有做过类似的可以联系,给钱,需要定做个功能,加入购物车,模拟POST提交功能, 1.根据产品关键词找到产品,(已经完成) 2.加入购物车,并且提交(未完成),(随机取得所有订单选项,比如颜色,大小等等 加入购物车,然后模拟post直接提交) Q297550551

JS实现简单路由器功能的方法

  本文实例讲述了JS实现简单路由器功能的方法.分享给大家供大家参考.具体实现方法如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 var wawa = {}; wawa.Router = function(){ function Router(){ } Router.prototype.setu

js实现弹窗插件功能实例代码分享

 这篇文章主要介绍了 目前测试下:支持IE6+ 火狐 谷歌游览器等.   先来看看此组件的基本配置项:如下:   代码如下: this.config = {    targetCls   :   '.clickElem',   // 点击元素  title:  '我是龙恩',      // 窗口标题  content     :  'text:<p style="width:100px;height:100px">我是龙</p>',  //content