l893545302
l893545302
采纳率0%
2016-08-15 09:45 阅读 1.8k

新手求助:关于HTML方面的问题…小白表示好捉急…

2

图片说明
这是一个网上报名功能,我想在选择参赛项目为团体赛(家庭跑、情侣跑)之后,页面变成下面的样子:图片说明
点击添加队员后,显示成下面的样子:图片说明
小白实在是太白,问题都不太会描述,希望大家能帮帮忙……谢谢

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享

8条回答 默认 最新

  • lanmushan bug_dy 2016-08-15 12:06

    用js进行显示隐藏,然后用ajax提交你想要提交的数据

    点赞 1 评论 复制链接分享
  • kun_tostudy kun_hello 2016-08-15 10:01

    最简单的方法: 写个div 隐藏的 就是你下面那个 然后 当下拉框change的时候 js获取事件就把原来的隐藏 你想要的显示

    点赞 评论 复制链接分享
  • qq_29594393 当作看不见 2016-08-15 10:03

    应该 是把信息全部填完之后提交,再到这个页面填写团队信息,
    如果选择之后直接到填写团队信息,那前面未填的信息如何处理,

    点赞 评论 复制链接分享
  • callivn tinyivn 2016-08-15 13:05

    可以用的结构也可以用

    • 的结构,前面是默认的选项标签,
      后面则需要通过控制ul的隐藏以及用js把选中的li赋值给

      ,样式更灵活
      数据提交则根据步骤需要进行分布表单提交

    点赞 评论 复制链接分享
  • l893545302 l893545302 2016-08-15 15:12

    这是一部分原来的代码

    点赞 评论 复制链接分享
  • qq_29594393 当作看不见 2016-08-15 15:57

    一个简单的例子,选定值改变后就会被隐藏,要导入jquery,你把一开始的那一块放在前一个div,把提交后的页面div放在后面就好了,什么地方不懂再问

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <title>new-file</title>
        </head>
        <script src="js/jquery-2.0.0.js" type="text/javascript" charset="utf-8"></script>
        <script type="text/javascript">
        $(function(){
            $("#select").change(function(){
            $('div.menu-box').css('display','none')
            })
        })
    
        </script>
        <style type="text/css">
            .menu-box {
                border: 1px solid red;
                width: 500px;
                height: 500px;
                z-index: 5;
                background-color: red;
                position: absolute;
                top: 0px;   
            }
            .ca{
                border: 1px solid black;
                width: 500px;
                height: 500px;
                z-index: 1;
                background-color: #101010;
                position: absolute;
                top: 0px;           
            }
        </style>
        <body>
            <div class="menu-box">
                <form action="" method="post">
                    <select name="" id="select" value="0">
                        <option value="">1</option>
                        <option value="">2</option>
                        <option value="">3</option>
                        <option value="">4</option>
                    </select>
                    <input type="submit" value=""/>
                </form>
            </div>
            <div class="ca">
    
            </div>
        </body>
    </html>
    
    
    点赞 评论 复制链接分享
  • ly_10000 开源1995 2016-08-27 14:08

    大哥,你的数据是静态的啊,下拉框是自己写的还是从数据库获取的啊,还有就是这个功能拿js一个show和hidden方法就行或者拿jquery都可以,往你前面的里面写事件触发就可以了。

    点赞 评论 复制链接分享
  • ly_10000 开源1995 2016-08-27 14:10

    QQ 57367896 加我我教你写

    点赞 评论 复制链接分享

相关推荐