添加乘机人信息项

我今天来说说添加乘机人选项框
在html中时不时就能看到一些添加按钮,例如说,一个添加按钮添加乘机人信息项。添加乘机人按钮的,其添加的内容(乘客信息),这里不是一个选项,而是一个div,这个div里放置的便是,乘机人信息。那么这个乘机的按钮点击后是怎么添加的这个内容的呢,其添加方法与添加选项框一般。
下面我就来说怎么添加这个项的
一、 在html中,放置乘机人按钮在button按钮中放置点击事件。当我点击她的时候除触发点击事件—执行点击事件里的方法。
在这里插入图片描述
二、 下面说说点击后的方法或函数
在这里插入图片描述
判断选项数的个数,即我添加个选项的个数
在这里插入图片描述
1、 获取到当前的选项(找到在.form-row 这个div下的)
2、 判断选项里的最大个数,即最大的选项数不能超过指定的数。比如我设置的值为9,那么说她在最大添加项到9的时候就不能进行添加。Else返回的内容为:当前添加的乘机人个数已达到上限不能进行添加。上面给了判断条件,但还不能添加,添加要有东西,那么下面我就需要给她设置一个添加的模板:也就是所谓的内容。我要声明一个选项,选项里的内容,就是我预设的内容。这个预设的内容与页面上原来已有的乘机人有部分的内容是有些许的不同。当我点击添加选项的时候,下面点击后出现的第二个乘机人,不同之处为标题的第二个乘机人。那么我就需要在前面给她声明一个全局变量为数组的,到自定义选项框里使用(这个全局变量)。
效果图如下(点击添加乘机人添加按钮,添加一个乘机人信息项)
在这里插入图片描述
总结:
添加乘机人的乘机人信息项,需要button按钮,点击后添加这个选项,自定义一个全局变量,这个变量里存放在与页面上不相同的部分。添加的内容为自定义的,可是是单纯的选项,亦或是如上面的一个html的div,里面的内容跟据需求改变。(可以设置成任何),通过设置添加乘机人按钮。页面看起来更美观,更为实用,一般而言大多为单人乘机,在多人乘机的时候,通过点击添加乘机人信息。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
# OOP(机试) 本程序总结文章:http://blog.qiji.tech/?p=10344 - - - ## 程序基本要求 一、目名称: Air Infomation Programming 基于控制台的航班信息程序,简称AIP 二、具体要求如下: (1)显示航班信息程序主菜单,如图-1所示,包括: * 1)列出所有航班 * 2)按起飞时间查询 * 3)按目的地查询 * 4)删除航班 * 5)更新航班 * 6)退出系统 (2)列出所有航班:查出所有航班的信息,以列表形式显示,包括:编号,航班号,目的地,起飞日期。 (3)按起飞时间查询:输入起飞时间(格式如2011-2-25),查出所有这一天的航班。 (4)按目的地查询:输入目的地,查出所有飞往此地的航班。 (5)删除航班:删除指定编号的航班。 (6)更新航班:更新指定编号的航班。 (7)退出系统。 三、类的设计 需要定义如下类 * 航班信息实体类(AirInfo) * 航班编号(id) * 航班号(flight_number) * 目的地(destination) * 起飞日期(flight_date) * 航班信息管理类AirInfoManager类 * 程序入口类TestAirInfo类 四、具体要求及推荐实现步骤 1. 创建实体类AirInfo,属性私有化,根据业务提供需要的构造方法和setter/getter方法。 1. 创建航班管理AirInfoManager类,在类中提供列出所有航班的方法,按起飞时间查询的方法、按目的地查询的方法、删除航班的方法、更新航班的方法、退出程序的方法。 2. 创建TestAirInfo类,启动和运行程序。 3. 航班的信息用ArrayList(或数组)保存。 4. 要求代码规范,命名正确。 - - -
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值