jQuery会场大厅选座代码

来源:https://www.sucaihuo.com/js/3101.html 2017-09-28 01:34浏览(1534) 收藏

一款jQuery会场大厅选座代码,灰色的座位是不能选择的,深蓝色的座位可以选择,选中的座位会高亮显示出来,并且选择结果会显示在最下面的“座位”后面。
jQuery会场大厅选座代码
分类:html/css 难易:初级
查看演示 下载资源 下载积分: 20 积分
关注公众号,免费赠送安装视频教程、环境和学习视频,后面会不断更新。

页面的head部分,需引入页面的样式文件和jQuery库,并设置好座位选择的事件响应,代码如下:

<link type="text/css" rel="stylesheet" href="css/style.css" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
	$(".select").each(function(){
		var s=$(this);
		var z=parseInt(s.css("z-index"));
		var dt=$(this).children("dt");
		var dd=$(this).children("dd");

		dt.click(function(){dd.is(":hidden")?_show():_hide();});
		dd.find("a").click(function(){
			$("li a").removeClass("cur");
			$(this).addClass("cur");
			dt.html('座位:'+$(this).attr('row')+'排'+$(this).html()+'座');_show();

		});

		  //选择效果(如需要传值,可自定义参数,在此处返回对应的“value”值 )
		$("body").click(function(i){ !$(i.target).parents(".select").first().is(s) ? _hide():"";});
	})
})
</script>

页面的body部分,需设置多个ul无序列表来放置多排座位,代码如下:

<div class="box">
  <div class="front">主会场展厅座位</div>
  <p style="text-align:center">时间:<span>10月18日 10:18</span></p>
	<dl  class="unselect">
		<dd>
			<ul>
			  <p class="seatCharts-title ">第一排</p>
			  <li ><a href="" class="1">1</a></li>
			  <li class="1_2"><a href="" row="1">2</a></li>
			  <li class="1_3"><a href="" row="1">3</a></li>
			  <li class="1_4"><a href="" row="1">4</a></li>
			  <li class="1_5"><a href="" row="1">5</a></li>
			  <li class="1_6"><a href="" row="1">6</a></li>
			  <li class="1_7"><a href="" row="1">7</a></li>
			  <li class="1_8"><a href="" row="1">8</a></li>
			  <li class="1_9"><a href="" row="1">9</a></li>
			  <li class="1_10"><a href="" row="1">10</a></li>
			  <li class="1_11"><a href="" row="1">11</a></li>
			  <li class="1_12"><a href="" row="1">12</a></li>
			  <li class="1_13"><a href="" row="1">13</a></li>
			  <li class="1_14"><a href="" row="1">14</a></li>
			  <li class="1_15"><a href="" row="1">15</a></li>
			  <li class="1_16"><a href="" row="1">16</a></li>
			  <li class="1_17"><a href="" row="1">17</a></li>
			  <li class="1_18"><a href="" row="1">18</a></li>
			  <li class="1_19"><a href="" row="1">19</a></li>
			  <li class="1_20"><a href="" row="1">20</a></li>
			  <p class="seatCharts-title ">第二排</p>
			  <li id="2_1"><a href="" row="2">1</a></li>
			  <li id="2_2"><a href="" row="2">2</a></li>
			  <li id="2_3"><a href="" row="2">3</a></li>
			  <li id="2_4"><a href="" row="2">4</a></li>
			  <li id="2_5"><a href="" row="2">5</a></li>
			  <li id="2_6"><a href="" row="2">6</a></li>
			  <li id="2_7"><a href="" row="2">7</a></li>
			  <li id="2_8"><a href="" row="2">8</a></li>
			  <li id="2_9"><a href="" row="2">9</a></li>
			  <li id="2_10"><a href="" row="2">10</a></li>
			  <li id="2_11"><a href="" row="2">11</a></li>
			  <li id="2_12"><a href="" row="2">12</a></li>
			  <li id="2_13"><a href="" row="2">13</a></li>
			  <li id="2_14"><a href="" row="2">14</a></li>
			  <li id="2_15"><a href="" row="2">15</a></li>
			  <li id="2_16"><a href="" row="2">16</a></li>
			  <li id="2_17"><a href="" row="2">17</a></li>
			  <li id="2_18"><a href="" row="2">18</a></li>
			  <li id="2_19"><a href="" row="2">19</a></li>
			  <li id="2_20"><a href="" row="2">20</a></li>
			  <p class="seatCharts-title ">第三排</p>
			  <li id="3_1"><a href="" row="3">1</a></li>
			  <li id="3_2"><a href="" row="3">2</a></li>
			  <li id="3_3"><a href="" row="3">3</a></li>
			  <li id="3_4"><a href="" row="3">4</a></li>
			  <li id="3_5"><a href="" row="3">5</a></li>
			  <li id="3_6"><a href="" row="3">6</a></li>
			  <li id="3_7"><a href="" row="3">7</a></li>
			  <li id="3_8"><a href="" row="3">8</a></li>
			  <li id="3_9"><a href="" row="3">9</a></li>
			  <li id="3_10"><a href="" row="3">10</a></li>
			  <li id="3_11"><a href="" row="3">11</a></li>
			  <li id="3_12"><a href="" row="3">12</a></li>
			  <li id="3_13"><a href="" row="3">13</a></li>
			  <li id="3_14"><a href="" row="3">14</a></li>
			  <li id="3_15"><a href="" row="3">15</a></li>
			  <li id="3_16"><a href="" row="3">16</a></li>
			  <li id="3_17"><a href="" row="3">17</a></li>
			  <li id="3_18"><a href="" row="3">18</a></li>
			  <li id="3_19"><a href="" row="3">19</a></li>
			  <li id="3_20"><a href="" row="3">20</a></li>
			</ul>
		</dd>
		<dt></dt>
	</dl>

	<dl class="select">
		<dd>
			<ul>
				<p class="seatCharts-title ">第四排</p>
				<li id="4_1" class="unavailable"><a href="#xzpos" row="4" >1</a></li>
				<li id="4_2"><a href="#xzpos" row="4">2</a></li>
				<li id="4_3"><a href="#xzpos" row="4">3</a></li>
				<li id="4_4"><a href="#xzpos" row="4">4</a></li>
				<li id="4_5"><a href="#xzpos" row="4">5</a></li>
				<li id="4_6"><a href="#xzpos" row="4">6</a></li>
				<li id="4_7"><a href="#xzpos" row="4">7</a></li>
				<li id="4_8"><a href="#xzpos" row="4">8</a></li>
				<li id="4_9"><a href="#xzpos" row="4">9</a></li>
				<li id="4_10"><a href="#xzpos" row="4">10</a></li>
				<li id="4_11"><a href="#xzpos" row="4">11</a></li>
				<li id="4_12"><a href="#xzpos" row="4">12</a></li>
				<li id="4_13"><a href="#xzpos" row="4">13</a></li>
				<li id="4_14"><a href="#xzpos" row="4">14</a></li>
				<li id="4_15"><a href="#xzpos" row="4">15</a></li>
				<li id="4_16"><a href="#xzpos" row="4">16</a></li>
				<li id="4_17"><a href="#xzpos" row="4">17</a></li>
				<li id="4_18"><a href="#xzpos" row="4">18</a></li>
				<li id="4_19"><a href="#xzpos" row="4">19</a></li>
				<li id="4_20"><a href="#xzpos" row="4">20</a></li>
				<li id="4_21"><a href="#xzpos" row="4">21</a></li>
				<li id="4_22"><a href="#xzpos" row="4">22</a></li>
				<li id="4_23"><a href="#xzpos" row="4">23</a></li>
				<li id="4_24"><a href="#xzpos" row="4">24</a></li>
				<li id="4_25"><a href="#xzpos" row="4">25</a></li>
				<li id="4_26"><a href="#xzpos" row="4">26</a></li>
				<li id="4_27"><a href="#xzpos" row="4">27</a></li>
				<li id="4_28"><a href="#xzpos" row="4">28</a></li>
				<li id="4_29"><a href="#xzpos" row="4">29</a></li>
				<li id="4_30"><a href="#xzpos" row="4">30</a></li>

				<p class="seatCharts-title ">第五排</p>
				<li id="5_1"><a href="#xzpos" row="5">1</a></li>
				<li id="5_2"><a href="#xzpos" row="5">2</a></li>
				<li id="5_3"><a href="#xzpos" row="5">3</a></li>
				<li id="5_4"><a href="#xzpos" row="5">4</a></li>
				<li id="5_5"><a href="#xzpos" row="5">5</a></li>
				<li id="5_6"><a href="#xzpos" row="5">6</a></li>
				<li id="5_7"><a href="#xzpos" row="5">7</a></li>
				<li id="5_8"><a href="#xzpos" row="5">8</a></li>
				<li id="5_9"><a href="#xzpos" row="5">9</a></li>
				<li id="5_10"><a href="#xzpos" row="5">10</a></li>
				<li id="5_11"><a href="#xzpos" row="5">11</a></li>
				<li id="5_12"><a href="#xzpos" row="5">12</a></li>
				<li id="5_13"><a href="#xzpos" row="5">13</a></li>
				<li id="5_14"><a href="#xzpos" row="5">14</a></li>
				<li id="5_15"><a href="#xzpos" row="5">15</a></li>
				<li id="5_16"><a href="#xzpos" row="5">16</a></li>
				<li id="5_17"><a href="#xzpos" row="5">17</a></li>
				<li id="5_18"><a href="#xzpos" row="5">18</a></li>
				<li id="5_19"><a href="#xzpos" row="5">19</a></li>
				<li id="5_20"><a href="#xzpos" row="5">20</a></li>
				<li id="5_21"><a href="#xzpos" row="5">21</a></li>
				<li id="5_22"><a href="#xzpos" row="5">22</a></li>
				<li id="5_23"><a href="#xzpos" row="5">23</a></li>
				<li id="5_24"><a href="#xzpos" row="5">24</a></li>
				<li id="5_25"><a href="#xzpos" row="5">25</a></li>
				<li id="5_26"><a href="#xzpos" row="5">26</a></li>
				<li id="5_27"><a href="#xzpos" row="5">27</a></li>
				<li id="5_28"><a href="#xzpos" row="5">28</a></li>
				<li id="5_29"><a href="#xzpos" row="5">29</a></li>
				<li id="5_30"><a href="#xzpos" row="5">30</a></li>

				<p class="seatCharts-title ">第六排</p>
				<li id="6_1"><a href="#xzpos" row="6">1</a></li>
				<li id="6_2"><a href="#xzpos" row="6">2</a></li>
				<li id="6_3"><a href="#xzpos" row="6">3</a></li>
				<li id="6_4"><a href="#xzpos" row="6">4</a></li>
				<li id="6_5"><a href="#xzpos" row="6">5</a></li>
				<li id="6_6"><a href="#xzpos" row="6">6</a></li>
				<li id="6_7"><a href="#xzpos" row="6">7</a></li>
				<li id="6_8"><a href="#xzpos" row="6">8</a></li>
				<li id="6_9"><a href="#xzpos" row="6">9</a></li>
				<li id="6_10"><a href="#xzpos" row="6">10</a></li>
				<li id="6_11"><a href="#xzpos" row="6">11</a></li>
				<li id="6_12"><a href="#xzpos" row="6">12</a></li>
				<li id="6_13"><a href="#xzpos" row="6">13</a></li>
				<li id="6_14"><a href="#xzpos" row="6">14</a></li>
				<li id="6_15"><a href="#xzpos" row="6">15</a></li>
				<li id="6_16"><a href="#xzpos" row="6">16</a></li>
				<li id="6_17"><a href="#xzpos" row="6">17</a></li>
				<li id="6_18"><a href="#xzpos" row="6">18</a></li>
				<li id="6_19"><a href="#xzpos" row="6">19</a></li>
				<li id="6_20"><a href="#xzpos" row="6">20</a></li>
				<li id="6_21"><a href="#xzpos" row="6">21</a></li>
				<li id="6_22"><a href="#xzpos" row="6">22</a></li>
				<li id="6_23"><a href="#xzpos" row="6">23</a></li>
				<li id="6_24"><a href="#xzpos" row="6">24</a></li>
				<li id="6_25"><a href="#xzpos" row="6">25</a></li>
				<li id="6_26"><a href="#xzpos" row="6">26</a></li>
				<li id="6_27"><a href="#xzpos" row="6">27</a></li>
				<li id="6_28"><a href="#xzpos" row="6">28</a></li>
				<li id="6_29"><a href="#xzpos" row="6">29</a></li>
				<li id="6_30"><a href="#xzpos" row="6">30</a></li>
        <p class="seatCharts-title ">第七排</p>
        <li id="7_1"><a href="#xzpos" row="7">1</a></li>
        <li id="7_2"><a href="#xzpos" row="7">2</a></li>
        <li id="7_3"><a href="#xzpos" row="7">3</a></li>
        <li id="7_4"><a href="#xzpos" row="7">4</a></li>
        <li id="7_5"><a href="#xzpos" row="7">5</a></li>
        <li id="7_6"><a href="#xzpos" row="7">6</a></li>
        <li id="7_7"><a href="#xzpos" row="7">7</a></li>
        <li id="7_8"><a href="#xzpos" row="7">8</a></li>
        <li id="7_9"><a href="#xzpos" row="7">9</a></li>
        <li id="7_10"><a href="#xzpos" row="7">10</a></li>
        <li id="7_11"><a href="#xzpos" row="7">11</a></li>
        <li id="7_12"><a href="#xzpos" row="7">12</a></li>
        <li id="7_13"><a href="#xzpos" row="7">13</a></li>
        <li id="7_14"><a href="#xzpos" row="7">14</a></li>
        <li id="7_15"><a href="#xzpos" row="7">15</a></li>
        <li id="7_16"><a href="#xzpos" row="7">16</a></li>
        <li id="7_17"><a href="#xzpos" row="7">17</a></li>
        <li id="7_18"><a href="#xzpos" row="7">18</a></li>
        <li id="7_19"><a href="#xzpos" row="7">19</a></li>
        <li id="7_20"><a href="#xzpos" row="7">20</a></li>
        <li id="7_21"><a href="#xzpos" row="7">21</a></li>
        <li id="7_22"><a href="#xzpos" row="7">22</a></li>
        <li id="7_23"><a href="#xzpos" row="7">23</a></li>
        <li id="7_24"><a href="#xzpos" row="7">24</a></li>
        <li id="7_25"><a href="#xzpos" row="7">25</a></li>
        <li id="7_26"><a href="#xzpos" row="7">26</a></li>
        <li id="7_27"><a href="#xzpos" row="7">27</a></li>
        <li id="7_28"><a href="#xzpos" row="7">28</a></li>
        <li id="7_29"><a href="#xzpos" row="7">29</a></li>
        <li id="7_30"><a href="#xzpos" row="7">30</a></li>
        <p class="seatCharts-title ">第八排</p>
        <li id="8_1"><a href="#xzpos" row="8">1</a></li>
        <li id="8_2"><a href="#xzpos" row="8">2</a></li>
        <li id="8_3"><a href="#xzpos" row="8">3</a></li>
        <li id="8_4"><a href="#xzpos" row="8">4</a></li>
        <li id="8_5"><a href="#xzpos" row="8">5</a></li>
        <li id="8_6"><a href="#xzpos" row="8">6</a></li>
        <li id="8_7"><a href="#xzpos" row="8">7</a></li>
        <li id="8_8"><a href="#xzpos" row="8">8</a></li>
        <li id="8_9"><a href="#xzpos" row="8">9</a></li>
        <li id="8_10"><a href="#xzpos" row="8">10</a></li>
        <li id="8_11"><a href="#xzpos" row="8">11</a></li>
        <li id="8_12"><a href="#xzpos" row="8">12</a></li>
        <li id="8_13"><a href="#xzpos" row="8">13</a></li>
        <li id="8_14"><a href="#xzpos" row="8">14</a></li>
        <li id="8_15"><a href="#xzpos" row="8">15</a></li>
        <li id="8_16"><a href="#xzpos" row="8">16</a></li>
        <li id="8_17"><a href="#xzpos" row="8">17</a></li>
        <li id="8_18"><a href="#xzpos" row="8">18</a></li>
        <li id="8_19"><a href="#xzpos" row="8">19</a></li>
        <li id="8_20"><a href="#xzpos" row="8">20</a></li>
        <li id="8_21"><a href="#xzpos" row="8">21</a></li>
        <li id="8_22"><a href="#xzpos" row="8">22</a></li>
        <li id="8_23"><a href="#xzpos" row="8">23</a></li>
        <li id="8_24"><a href="#xzpos" row="8">24</a></li>
        <li id="8_25"><a href="#xzpos" row="8">25</a></li>
        <li id="8_26"><a href="#xzpos" row="8">26</a></li>
        <li id="8_27"><a href="#xzpos" row="8">27</a></li>
        <li id="8_28"><a href="#xzpos" row="8">28</a></li>
        <li id="8_29"><a href="#xzpos" row="8">29</a></li>
        <li id="8_30"><a href="#xzpos" row="8">30</a></li>
        <p class="seatCharts-title ">第九排</p>
        <li id="9_1"><a href="#xzpos" row="9">1</a></li>
        <li id="9_2"><a href="#xzpos" row="9">2</a></li>
        <li id="9_3"><a href="#xzpos" row="9">3</a></li>
        <li id="9_4"><a href="#xzpos" row="9">4</a></li>
        <li id="9_5"><a href="#xzpos" row="9">5</a></li>
        <li id="9_6"><a href="#xzpos" row="9">6</a></li>
        <li id="9_7"><a href="#xzpos" row="9">7</a></li>
        <li id="9_8"><a href="#xzpos" row="9">8</a></li>
        <li id="9_9"><a href="#xzpos" row="9">9</a></li>
        <li id="9_10"><a href="#xzpos" row="9">10</a></li>
        <li id="9_11"><a href="#xzpos" row="9">11</a></li>
        <li id="9_12"><a href="#xzpos" row="9">12</a></li>
        <li id="9_13"><a href="#xzpos" row="9">13</a></li>
        <li id="9_14"><a href="#xzpos" row="9">14</a></li>
        <li id="9_15"><a href="#xzpos" row="9">15</a></li>
        <li id="9_16"><a href="#xzpos" row="9">16</a></li>
        <li id="9_17"><a href="#xzpos" row="9">17</a></li>
        <li id="9_18"><a href="#xzpos" row="9">18</a></li>
        <li id="9_19"><a href="#xzpos" row="9">19</a></li>
        <li id="9_20"><a href="#xzpos" row="9">20</a></li>
        <li id="9_21"><a href="#xzpos" row="9">21</a></li>
        <li id="9_22"><a href="#xzpos" row="9">22</a></li>
        <li id="9_23"><a href="#xzpos" row="9">23</a></li>
        <li id="9_24"><a href="#xzpos" row="9">24</a></li>
        <li id="9_25"><a href="#xzpos" row="9">25</a></li>
        <li id="9_26"><a href="#xzpos" row="9">26</a></li>
        <li id="9_27"><a href="#xzpos" row="9">27</a></li>
        <li id="9_28"><a href="#xzpos" row="9">28</a></li>
        <li id="9_29"><a href="#xzpos" row="9">29</a></li>
        <li id="9_30"><a href="#xzpos" row="9">30</a></li>
        <p class="seatCharts-title ">第十排</p>
        <li id="10_1"><a href="#xzpos" row="10">1</a></li>
        <li id="10_2"><a href="#xzpos" row="10">2</a></li>
        <li id="10_3"><a href="#xzpos" row="10">3</a></li>
        <li id="10_4"><a href="#xzpos" row="10">4</a></li>
        <li id="10_5"><a href="#xzpos" row="10">5</a></li>
        <li id="10_6"><a href="#xzpos" row="10">6</a></li>
        <li id="10_7"><a href="#xzpos" row="10">7</a></li>
        <li id="10_8"><a href="#xzpos" row="10">8</a></li>
        <li id="10_9"><a href="#xzpos" row="10">9</a></li>
        <li id="10_10"><a href="#xzpos" row="10">10</a></li>
        <li id="10_11"><a href="#xzpos" row="10">11</a></li>
        <li id="10_12"><a href="#xzpos" row="10">12</a></li>
        <li id="10_13"><a href="#xzpos" row="10">13</a></li>
        <li id="10_14"><a href="#xzpos" row="10">14</a></li>
        <li id="10_15"><a href="#xzpos" row="10">15</a></li>
        <li id="10_16"><a href="#xzpos" row="10">16</a></li>
        <li id="10_17"><a href="#xzpos" row="10">17</a></li>
        <li id="10_18"><a href="#xzpos" row="10">18</a></li>
        <li id="10_19"><a href="#xzpos" row="10">19</a></li>
        <li id="10_20"><a href="#xzpos" row="10">20</a></li>
        <li id="10_21"><a href="#xzpos" row="10">21</a></li>
        <li id="10_22"><a href="#xzpos" row="10">22</a></li>
        <li id="10_23"><a href="#xzpos" row="10">23</a></li>
        <li id="10_24"><a href="#xzpos" row="10">24</a></li>
        <li id="10_25"><a href="#xzpos" row="10">25</a></li>
        <li id="10_26"><a href="#xzpos" row="10">26</a></li>
        <li id="10_27"><a href="#xzpos" row="10">27</a></li>
        <li id="10_28"><a href="#xzpos" row="10">28</a></li>
        <li id="10_29"><a href="#xzpos" row="10">29</a></li>
        <li id="10_30"><a href="#xzpos" row="10">30</a></li>
        <p class="seatCharts-title ">第十一排</p>
        <li id="11_1"><a href="#xzpos" row="11">1</a></li>
        <li id="11_2"><a href="#xzpos" row="11">2</a></li>
        <li id="11_3"><a href="#xzpos" row="11">3</a></li>
        <li id="11_4"><a href="#xzpos" row="11">4</a></li>
        <li id="11_5"><a href="#xzpos" row="11">5</a></li>
        <li id="11_6"><a href="#xzpos" row="11">6</a></li>
        <li id="11_7"><a href="#xzpos" row="11">7</a></li>
        <li id="11_8"><a href="#xzpos" row="11">8</a></li>
        <li id="11_9"><a href="#xzpos" row="11">9</a></li>
        <li id="11_10"><a href="#xzpos" row="11">10</a></li>
        <li id="11_11"><a href="#xzpos" row="11">11</a></li>
        <li id="11_12"><a href="#xzpos" row="11">12</a></li>
        <li id="11_13"><a href="#xzpos" row="11">13</a></li>
        <li id="11_14"><a href="#xzpos" row="11">14</a></li>
        <li id="11_15"><a href="#xzpos" row="11">15</a></li>
        <li id="11_16"><a href="#xzpos" row="11">16</a></li>
        <li id="11_17"><a href="#xzpos" row="11">17</a></li>
        <li id="11_18"><a href="#xzpos" row="11">18</a></li>
        <li id="11_19"><a href="#xzpos" row="11">19</a></li>
        <li id="11_20"><a href="#xzpos" row="11">20</a></li>
        <li id="11_21"><a href="#xzpos" row="11">21</a></li>
        <li id="11_22"><a href="#xzpos" row="11">22</a></li>
        <li id="11_23"><a href="#xzpos" row="11">23</a></li>
        <li id="11_24"><a href="#xzpos" row="11">24</a></li>
        <li id="11_25"><a href="#xzpos" row="11">25</a></li>
        <li id="11_26"><a href="#xzpos" row="11">26</a></li>
        <li id="11_27"><a href="#xzpos" row="11">27</a></li>
        <li id="11_28"><a href="#xzpos" row="11">28</a></li>
        <li id="11_29"><a href="#xzpos" row="11">29</a></li>
        <li id="11_30"><a href="#xzpos" row="11">30</a></li>
        <p class="seatCharts-title ">第十二排</p>
        <li id="12_1"><a href="#xzpos" row="12">1</a></li>
        <li id="12_2"><a href="#xzpos" row="12">2</a></li>
        <li id="12_3"><a href="#xzpos" row="12">3</a></li>
        <li id="12_4"><a href="#xzpos" row="12">4</a></li>
        <li id="12_5"><a href="#xzpos" row="12">5</a></li>
        <li id="12_6"><a href="#xzpos" row="12">6</a></li>
        <li id="12_7"><a href="#xzpos" row="12">7</a></li>
        <li id="12_8"><a href="#xzpos" row="12">8</a></li>
        <li id="12_9"><a href="#xzpos" row="12">9</a></li>
        <li id="12_10"><a href="#xzpos" row="12">10</a></li>
        <li id="12_11"><a href="#xzpos" row="12">11</a></li>
        <li id="12_12"><a href="#xzpos" row="12">12</a></li>
        <li id="12_13"><a href="#xzpos" row="12">13</a></li>
        <li id="12_14"><a href="#xzpos" row="12">14</a></li>
        <li id="12_15"><a href="#xzpos" row="12">15</a></li>
        <li id="12_16"><a href="#xzpos" row="12">16</a></li>
        <li id="12_17"><a href="#xzpos" row="12">17</a></li>
        <li id="12_18"><a href="#xzpos" row="12">18</a></li>
        <li id="12_19"><a href="#xzpos" row="12">19</a></li>
        <li id="12_20"><a href="#xzpos" row="12">20</a></li>
        <li id="12_21"><a href="#xzpos" row="12">21</a></li>
        <li id="12_22"><a href="#xzpos" row="12">22</a></li>
        <li id="12_23"><a href="#xzpos" row="12">23</a></li>
        <li id="12_24"><a href="#xzpos" row="12">24</a></li>
        <li id="12_25"><a href="#xzpos" row="12">25</a></li>
        <li id="12_26"><a href="#xzpos" row="12">26</a></li>
        <li id="12_27"><a href="#xzpos" row="12">27</a></li>
        <li id="12_28"><a href="#xzpos" row="12">28</a></li>
        <li id="12_29"><a href="#xzpos" row="12">29</a></li>
        <li id="12_30"><a href="#xzpos" row="12">30</a></li>
        <p class="seatCharts-title ">第十三排</p>
        <li id="13_1"><a href="#xzpos" row="13">1</a></li>
        <li id="13_2"><a href="#xzpos" row="13">2</a></li>
        <li id="13_3"><a href="#xzpos" row="13">3</a></li>
        <li id="13_4"><a href="#xzpos" row="13">4</a></li>
        <li id="13_5"><a href="#xzpos" row="13">5</a></li>
        <li id="13_6"><a href="#xzpos" row="13">6</a></li>
        <li id="13_7"><a href="#xzpos" row="13">7</a></li>
        <li id="13_8"><a href="#xzpos" row="13">8</a></li>
        <li id="13_9"><a href="#xzpos" row="13">9</a></li>
        <li id="13_10"><a href="#xzpos" row="13">10</a></li>
        <li id="13_11"><a href="#xzpos" row="13">11</a></li>
        <li id="13_12"><a href="#xzpos" row="13">12</a></li>
        <li id="13_13"><a href="#xzpos" row="13">13</a></li>
        <li id="13_14"><a href="#xzpos" row="13">14</a></li>
        <li id="13_15"><a href="#xzpos" row="13">15</a></li>
        <li id="13_16"><a href="#xzpos" row="13">16</a></li>
        <li id="13_17"><a href="#xzpos" row="13">17</a></li>
        <li id="13_18"><a href="#xzpos" row="13">18</a></li>
        <li id="13_19"><a href="#xzpos" row="13">19</a></li>
        <li id="13_20"><a href="#xzpos" row="13">20</a></li>
        <li id="13_21"><a href="#xzpos" row="13">21</a></li>
        <li id="13_22"><a href="#xzpos" row="13">22</a></li>
        <li id="13_23"><a href="#xzpos" row="13">23</a></li>
        <li id="13_24"><a href="#xzpos" row="13">24</a></li>
        <li id="13_25"><a href="#xzpos" row="13">25</a></li>
        <li id="13_26"><a href="#xzpos" row="13">26</a></li>
        <li id="13_27"><a href="#xzpos" row="13">27</a></li>
        <li id="13_28"><a href="#xzpos" row="13">28</a></li>
        <li id="13_29"><a href="#xzpos" row="13">29</a></li>
        <li id="13_30"><a href="#xzpos" row="13">30</a></li>
			</ul>
		</dd>
		<dt>座位:
	</dt>
</dl><a name="xzpos" id="xzpos" ></a>
  <input class="btn" value="确定选座" type="button">
  <div id="legend" class="seatCharts-legend">
    <ul class="seatCharts-legendList">
      <li class="seatCharts-legendItem"><div class="seatCharts-seat seatCharts-cell available"></div><span class="seatCharts-legendDescription">可选座</span></li>
    <li class="seatCharts-legendItem"><div class="seatCharts-seat seatCharts-cell unavailable"></div><span class="seatCharts-legendDescription">已售出</span></li>
  </ul></div>
</div>
标签: 选座座位
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2