在 12306 中选择卧铺铺位的方法

作者: 奶牛快跑. 分类: 转载摘录, 生活百科

奶牛有话说:之前闻说12306可以通过修改CSS代码把隐藏的选择框显示出来从而选择铺位,昨天帮同事订票却发现整段代码都消失了。刚好遇到这篇文章,说可以通过添加代码的方式去选择,还没测试,先转载分享一下。
PS:亲测失败,你们试试?

请注意
1. 仅提供给熟悉前端 HTML / CSS 的人操作参考,乱玩儿出现什么问题我是不能给你保修的。
2. 适用于 Chrome / Firefox / Safari 以及其他有「审查元素」功能的浏览器。IE 是不可以的,IE 用户请去售票厅排队谢谢。本方法中所使用的 12306 网址是 http://dynamic.12306.cn/otsweb/
3. 该方法尚未经过广泛测试。

众所周知,饱受诟病的铁道部官方订票网站 12306 并未提供卧铺的上下铺选择功能。而实际上,12306 确实预留有一个选择卧铺铺位的参数接口。

现在流行的所谓通过修改 display: none; 为 display: block; 的方法已经无效了,本文提供的是一种新方法。

  • 2013 年 5 月以前,铺位下拉选择框实际存在有 HTML 代码但是被 CSS 隐藏了,可以通过将其 CSS 显示状态由隐藏改为正常的方法来调出并选择;
  • 2013 年 5 月以后,铺位下拉选择框的 HTML 代码被删除了,尝试手动将 HTML 代码重新添加进入 DOM,提交测试有效,这可以基本证明 12306 后台仍然能够正常处理铺位选择的参数。这也是本方法中所应用的原理。

对比测试

通常购票时并没有铺位下拉选择框:

1-1
通过此方法购买车票时,将会随机分配到一个铺位(本测试中所分配的是中铺):
2-11

进行卧铺铺位选择的方法

第一步,进入订票信息确认页面,在「席别—硬座」的下拉选择框上右键选择「审查元素」。

2-2

第二步,在包含有「席别—硬座」下拉选择框的 <td> 上,右键选择「Edit as HTML」(以 HTML 方式编辑)。

2-3
第三步,在该段代码的末尾,添加如下一段新代码(也就是铺位下拉选择框的 HTML 代码)。

View Code HTML4STRICT
1
2
3
4
5
6
7
8
<td>
<select name="passenger_1_seat_detail_select" id="passenger_1_seat_detail_select" onchange="setSeatDetail('1')">
<option value="0">随机</option>
<option value="3">上铺</option>
<option value="2">中铺</option>
<option value="1">下铺</option>
</select>
</td>

这样,页面上就出现了铺位下拉选择框,直接点击即可选择不同的铺位。本测试中,将尝试购买一张上铺铺位的卧铺票(对比测试中随机分配为中铺)。
3-1
第四步,提交订单,可以看到「待付款订单」中已经是一张上铺铺位的卧铺票了。
4-1
via.太空小孩

标签: ,

返回正文

发表评论

 疑问 冷笑 悲伤 坏蛋 感叹 微笑 脸红 大笑 吃惊 惊讶 困惑 酷 大声笑 恼火 古怪 转眼睛 给眼色 好主意 箭头 一般 哭了 绿人