高速バスのハイウェイバスドットコム全国の高速バスを簡単予約

<!doctype html> <html lang="ja"> <head> <meta name="_csrf" content=""/> <meta name="_csrf_header" content=""/> <meta charset="utf-8"> <title>高速バスのハイウェイバスドットコム全国の高速バスを簡単予約</title> <meta name="keywords" content="高速バス,長野,山梨,松本,予約"/> <meta name="description" content="日本全国の高速バス・夜行バスを簡単予約。運行時刻、空席照会、早期割引などおトクな運賃もサポート。"/> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <meta http-equiv="Content-Style-Type" content="text/css"/> <meta http-equiv="Content-Script-Type" content="text/javascript"/> <meta http-equiv="Imagetoolbar" content="no"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="format-detection" content="telephone=no"> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-store"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="/gp/202103/libs/Swiper/3.4.1/css/swiper.min.css"> <link rel="stylesheet" href="/gp/202103/iconfont/material-icons.css?v=RLS_20241115_378-22560"> <link rel="stylesheet" href="/gp/202103/css/style.css?v=RLS_20241115_378-22560"> <link rel="stylesheet" href="/gp/202103/css/styles.css?v=RLS_20241115_378-22560"> <link rel="stylesheet" href="/gp/202103/css/selmodal.css?v=RLS_20241115_378-22560"> <script src="/gp/202103/libs/jquery/3.5.1/jquery.min.js"></script> <script src="/gp/js/disabledoublepost.js"></script> <script src="/gp/202103/js/common.js"></script> <script src="/gp/js/jkl-parsexml.js"></script> </head> <script> $(document).ready(function () { //路線 $(".swap-bus-stop").on('click', function () { // const e = $(this); const data_departure = e.data('departure'); const data_arrival = e.data('arrival'); const departure = $("#" + data_departure); const arrival = $("#" + data_arrival); const date = $("#line-date") const departure_value = departure.val(); const arrival_value = arrival.val(); const date_value = date.val(); if (!departure_value || !arrival_value) { return; } // console.log("departure_value " + departure_value) // console.log("arrival_value " + arrival_value) // getDeparture(this, function () { // console.log("onChangeLine finish") departure.selModalSetValue(arrival_value) // getArrival(this, function () { // console.log("onChangeDeparture finish") arrival.selModalSetValue(departure_value) // getDate(function () { // date.selModalSetValue(date_value) }) }) }) }) // お気に入り $(".swap-bus-stop-favorite").on('click', function () { // const e = $(this); const departure = $("#favorite-departure"); const arrival = $("#favorite-arrival"); const date = $("#favorite-date") const departure_value = departure.val(); const arrival_value = arrival.val(); const date_value = date.val(); if (!departure_value || !arrival_value) { return; } getDepartureFavorite(this, function () { // console.log("onChangeLine finish") departure.selModalSetValue(arrival_value) // getArrivalFavorite(this, function () { // console.log("onChangeDeparture finish") arrival.selModalSetValue(departure_value) // getDateFavorite(function () { // date.selModalSetValue(date_value) }) }) }) }) }); </script> <link href="/gp/css/jquery-ui.css" rel="stylesheet" type="text/css" title="default"/> <script type="text/javascript" src="/gp/js/reservation/reservationCommon.js"></script>  <script async src="https://www.googletagmanager.com/gtag/js?id=AW-863648042"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'AW-863648042'); </script>  <script type="text/javascript"> (function (a, d, e, b, i, s) { window[i] = window[i] || []; var f = function (a, d, e, b, i, s) { var o = a.getElementsByTagName(d)[0], h = a.createElement(d), t = 'text/javascript'; h.type = t; h.async = e; h.onload = function () { window[i].init( {argument: s, auto: true} ); }; h._p = o; return h; }, h = f(a, d, e, b, i, s), l = '//taj', j = b + s + '/cmt.js'; h.src = l + '1.' + j; h._p.parentNode.insertBefore(h, h._p); h.onerror = function (k) { k = f(a, d, e, b, i, s); k.src = l + '2.' + j; k._p.parentNode.insertBefore(k, k._p); }; })(document, 'script', true, 'ebis.ne.jp/', 'ebis', 'BHknh4cV'); </script>  <body class="top"> <div class="container" style=""> <header id="header"> <section class="hdrInner"> <h1><a href="/gp/index"></a></h1> <ul> <li class="gNavCommon"> <ul class="gNavCommon-inner">   <li class="yoyakukakunintorikeshi"><a href="/gp/reference/refCertification?refCertSelected=selected"></a></li>  <li class="kaiintouroku"><a href="/gp/html/gp/guide/entry.html"></a></li>  <li class="login"><a href="/gp/mypage/mypLogin"></a></li> </ul> </li> <li class="lang"><a href="#" class="modal00-open" data-target="language"></a></li> <li class="menu"><a href="#" class="modal11-open" data-target="hbgMenu"></a></li> </ul> </section> </header> <script> // 会員のWEB回数券有無、バスマイルポイントを取得 addOnload(function () { var token = $("meta[name='_csrf']").attr("content"); var header = $("meta[name='_csrf_header']").attr("content"); $(document).ajaxSend(function (e, xhr, options) { xhr.setRequestHeader(header, token); }); var url = '/gp/ajaxGetMemberInfo'; var xml = new JKL.ParseXML(url, "cache=false", "post"); xml.async(getMemberInfo_ajax); var data = xml.parse(); function getMemberInfo_ajax(r) { const memberInfo = r.results.memberInfo; if (memberInfo.possessionCoupon != null) { const possessionCoupon = document.getElementById("possessionCoupon"); const couponUrl = document.getElementById("couponUrl"); possessionCoupon.textContent = String(memberInfo.possessionCoupon); if (String(memberInfo.possessionCoupon) === 'なし') { couponUrl.href = "/gp/coupon/cpnSearch"; } else if (String(memberInfo.possessionCoupon) === 'あり') { couponUrl.href = "/gp/coupon/cpnBuyList"; } } if (memberInfo.possessionPointsDisp != null) { document.getElementById("possessionPointsDisp").textContent = String(memberInfo.possessionPointsDisp).replace(/(\d)(?=(\d\d\d)+(?!\d))/g, '$1,'); } } }); // onloadイベントを追加する。 function addOnload(func) { try { window.addEventListener("load", func, false); } catch (e) { // IE用 window.attachEvent("onload", func); } } function cfmLogout() { if ( window.confirm("ログアウトします。よろしいですか？") ) { window.location.href = "/gp/mypage/mypLogout"; } else { return false; } } </script> <div id="language" class="modal00 modal00-js"> <div class="modal00-bg modal00-close"> <a href="#" class="modal00-close-fixed"><span></span></a> </div> <div class="modal00-content language-mdl-outer"> <section class="language-mdl"> <p class="ttl">Reservation in foreign language.</p> <ul> <li><a href="/gp/inbound/index?lang=EN" target="_blank">English</a></li> <li><a href="/gp/inbound/index?lang=CZ2" target="_blank">中文简体字</a></li> <li><a href="/gp/inbound/index?lang=CZ1" target="_blank">中文繁體字</a></li> <li><a href="/gp/inbound/index?lang=KO" target="_blank">한국어</a></li> <li><a href="/gp/inbound/index?lang=TH" target="_blank">ภาษาไทย</a></li> </ul> <p class="lead">The foreign language website is available to make a bus reservations to some tourist attraction.</p> </section> </div> </div> <div id="hbgMenu" class="modal11 modal11-js"> <div class="modal11-bg modal11-close"> <a href="#" class="modal11-close-fixed"><span></span></a> </div> <div class="modal11-content">  <section class="gNav-hbg-mdl"> <img src="/gp/202103/images/logo-org.svg"> <ul> <li><a href="/gp/index">空席照会・ご予約</a></li> <li><a href="/gp/reservation/rsvRouteList?routeListSelected=selected">路線一覧</a></li> <li><a href="/gp/info/serviceInfo">運行情報</a></li> <li><a href="/gp/html/gp/guide/entry.html">会員登録のメリット</a></li> <li><a href="/gp/html/gp/guide/guidance.html">ご利用案内</a></li> <li><a href="/gp/info/campaignInfo?otokuFlg=1">おトクなセット券</a></li> <li><a href="/gp/html/gp/contact_top.html">よくある質問</a></li> <li class="open"> <input id="open-check" class="open-check" type="checkbox"> <label class="open-label" for="open-check">規　約</label> <div class="open-content"> <a href="/gp/html/gp/copyright.html">ご利用規約</a> <a href="/gp/html/gp/point_rule.html">バスマイルポイント規約</a> <a href="/gp/html/gp/privacypolicy.html">個人情報保護方針</a> </div> </li> </ul> </section> </div> </div> <script> // function cfmLogout() { if (window.confirm("ログアウトします。よろしいですか？")) { window.location.href = "/gp/mypage/mypLogout"; } else { return false; } } </script> <script src="/gp/202103/js/js.cookie.min.js"></script> <script> $(document).ready(function () { const allow_cookies = Cookies.get('allow_cookies'); if (!allow_cookies) { $("div.notice-cookie").show() } }) function allowCookies() { Cookies.set('allow_cookies', '1', {expires: 3650}); $("div.notice-cookie").hide() } </script> <div class="notice-cookie"> <section class="notice-cookie__desc"> <p>本サイトでは、ご利用いただくにあたりCookie（クッキー）を使用しています。<br>Cookieの使用に同意いただけない場合は本サイトをご利用いただけません。<br> 詳細については<a href="/gp/html/gp/privacypolicy.html">Cookieポリシー</a>をご確認ください。</p> <p class="btn"> <button type="button" onclick="allowCookies()">同意する</button> <button type="button" onclick="location.href='/gp/html/gp/cookie_not_allowed.html'">同意しない</button> </p> </section> </div>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-SZH6WK5VQQ"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-SZH6WK5VQQ'); </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=AW-871358479"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-871358479'); </script> <script async src="https://s.yimg.jp/images/listing/tool/cv/ytag.js"></script> <script> window.yjDataLayer = window.yjDataLayer || []; function ytag() { yjDataLayer.push(arguments); } ytag({"type":"ycl_cookie"}); </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=AW-10947047405"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-10947047405'); </script> <script async src="https://s.yimg.jp/images/listing/tool/cv/ytag.js"></script> <script> window.yjDataLayer = window.yjDataLayer || []; function ytag() { yjDataLayer.push(arguments); } ytag({"type":"ycl_cookie"}); </script> <script async src="https://s.yimg.jp/images/listing/tool/cv/ytag.js"></script> <script> window.yjDataLayer = window.yjDataLayer || []; function ytag() { yjDataLayer.push(arguments); } ytag({ "type":"yss_retargeting", "config": { "yahoo_ss_retargeting_id": "1000328117", "yahoo_sstag_custom_params": { } } }); </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=AW-1035716113"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-1035716113'); </script> <script async src="https://s.yimg.jp/images/listing/tool/cv/ytag.js"></script> <script> window.yjDataLayer = window.yjDataLayer || []; function ytag() { yjDataLayer.push(arguments); } ytag({"type":"ycl_cookie"}); </script> <main style="padding-top: 0;"> <div class="wrap00 home-primary-bg">  <div class="headerBarBottom" style=""> <div class="information_area cms_contents"> <link href="/html/gp/info/20/spbanner/spbanner.css" rel="stylesheet" type="text/css" media="all" /><script src="/html/gp/info/20/spbanner/spbanner.js" type="text/javascript"></script> </div> </div>  <div class="home-primary"> <article class="kuusekishoukai">  <p class="siteLead-txt sp">高速バス・夜行バスを簡単予約</p> <section class="attn sp"> <section class="notice-inList notice-inList-home" id="attnAreaSP"> </section> </section> <section class="nav-btn-01 sp"> <ul> <li><a href="/gp/html/gp/guide/guidance.html"><img src="/gp/202103/images/btn-hn-goriyouannai.svg"></a> </li> <li> <a href="/gp/reservation/rsvRouteList?routeListSelected=selected"><img src="/gp/202103/images/btn-hn-rosenichiran.svg"></a> </li> <li><a href="/gp/info/serviceInfo"><img src="/gp/202103/images/btn-hn-unkoujouhou.svg"></a></li> <li><a href="/gp/reference/refCertification"><img src="/gp/202103/images/btn-hn-yoyaku-kakunin-torikeshi.svg"></a> </li> </ul> </section> <p class="siteLead-txt pc">高速バス・夜行バスを簡単予約</p> <h2>空席照会・ご予約</h2> <section class="type"> <style> .selModalButton_85 .selModalButton { width: 85%; } </style> <input id="tab01" type="radio" name="tab" class="tab-switch1" checked="checked"> <label class="tab-label1" for="tab01"></label> <div class="tab-content1"> <ul class="cdtn"> <li> <p>エリア</p> </li> <li> <p class="selectbox00"> <select id="line-area" name="line-area" class="selmodal00"> <option value="">選択してください</option> <option value="1" >新宿駅・東京駅</option> <option value="2" >名古屋（愛知県）</option> <option value="14" >福岡県（福岡・北九州など）</option> <option value="6" >東北地方（岩手・青森・福島など</option> <option value="171" >宮城県（仙台駅など）</option> <option value="140" >北関東地方（茨城・栃木・群馬）</option> <option value="75" >東京都23区（渋谷・池袋など）</option> <option value="45" >東京都西部（多摩地域）</option> <option value="139" >南関東（神奈川・埼玉・千葉）</option> <option value="3" >羽田空港</option> <option value="4" >成田空港</option> <option value="7" >山梨県(富士五湖・甲府など）</option> <option value="8" >長野県（松本・伊那・白馬など）</option> <option value="15" >岐阜県（岐阜・高山・白川郷など</option> <option value="11" >東海地方（静岡・浜松・沼津など</option> <option value="10" >北陸地方（金沢・富山・福井など</option> <option value="12" >関西地方（大阪・神戸・京都など</option> <option value="136" >中国地方（岡山・広島・鳥取など</option> <option value="13" >四国地方（松山・高松・徳島など</option> <option value="170" >佐賀県（鳥栖など）</option> <option value="165" >長崎県（長崎・佐世保・島原など</option> <option value="167" >熊本県（熊本・黒川温泉など）</option> <option value="166" >大分県（大分・別府・湯布院など</option> <option value="168" >宮崎県（宮崎・延岡・高千穂など</option> <option value="169" >鹿児島県（鹿児島など）</option> <option value="76" >バスツアー</option> <option value="196" >北海道発着</option> </select> </p> </li> </ul> <ul class="cdtn"> <li> <p>路線</p> </li> <li> <p class="selectbox00"> <select id="line-line" name="line-line" class="selmodal00"> </select> </p> </li> </ul> <ul class="cdtn noBorder"> <li> <p>乗車バス停</p> </li> <li> <p class="selectbox00 mgnB05em"> <select id="line-departure" name="line-departure" class="selmodal00"> </select> </p> <p class="pick00" id="line-near-departure-wrapper" style="display: none"> <label class="pick pick-ck">近くのバス停を同時に検索 <input id="line-near-departure" type="checkbox" value="on" checked="checked"/> <span class="pick_indicator"></span> </label> </p> </li> </ul> <ul class="cdtn noBorder"> <li> </li> <li class="swap"> <span class="material-icons swap-bus-stop" data-departure="line-departure" data-arrival="line-arrival">swap_vert</span> バス停を入れ替える </li> </ul> <ul class="cdtn"> <li> <p>降車バス停</p> </li> <li> <p class="selectbox00 mgnB05em"> <select id="line-arrival" name="line-arrival" class="selmodal00"> </select> </p> <p class="pick00" id="line-near-arrival-wrapper" style="display: none"> <label class="pick pick-ck">近くのバス停を同時に検索 <input id="line-near-arrival" type="checkbox" value="on" checked="checked"/> <span class="pick_indicator"></span> </label> </p> </li> </ul> <ul class="cdtn"> <li> <p>乗車日</p> </li> <li class="bDate"> <p class="selectbox00 selModalButton_85"> <select id="line-date" name="line-date" class="selmodal00"> <option value="">選択してください</option> </select> <input type="hidden" id="datepicker" name="datepicker" class="datePicker"/> </p> </li> </ul> <ul class="cdtn"> <li> <p>人数</p> </li> <li class="peopleNumber"> <p class="selectbox00"> <span><img src="/gp/202103/images/icon-men.svg">男性</span> <input type="text" placeholder="-" class="male_count_disp input_person" id="male_count_disp"> </p> <p class="selectbox00"> <span><img src="/gp/202103/images/icon-women.svg">女性</span> <input type="text" placeholder="-" class="female_count_disp input_person" id="female_count_disp"> </p> <a href="" data-target="peopleNum" class="modal00-open"></a> </li> </ul> <button type="button" class="cmnBtn cmnBtnOrg mgnT1em" onclick="return doSubmitLine()"><span>検索する</span></button> <button type="button" class="cmnBtn cmnBtnGry" onclick="return doClearLine()"><span class="nonArrow">選択内容をクリアする</span></button> <form name="spsearch" id="line-search" action="/gp/reservation/rsvPlanList#infomationArea" method="get"> <input type="hidden" name="mode" value="search"/> <input type="hidden" class="route" name="route" value=""/> <input type="hidden" class="lineId" name="lineId" value=""/> <input type="hidden" class="nearCheckOnStation" name="nearCheckOnStation" value=""/> <input type="hidden" class="nearCheckOffStation" name="nearCheckOffStation" value=""/> <input type="hidden" class="onStationCd" name="onStationCd" value=""/> <input type="hidden" class="offStationCd" name="offStationCd" value=""/> <input type="hidden" class="bordingDate" name="bordingDate" value=""/> <input type="hidden" class="danseiNum" name="danseiNum" value=""/> <input type="hidden" class="zyoseiNum" name="zyoseiNum" value=""/>  <input type="hidden" class="adultMen" name="adultMen" value=""/> <input type="hidden" class="adultWomen" name="adultWomen" value=""/> <input type="hidden" class="childMen" name="childMen" value=""/> <input type="hidden" class="childWomen" name="childWomen" value=""/> <input type="hidden" class="handicapAdultMen" name="handicapAdultMen" value=""/> <input type="hidden" class="handicapAdultWomen" name="handicapAdultWomen" value=""/> <input type="hidden" class="handicapChildMen" name="handicapChildMen" value=""/> <input type="hidden" class="handicapChildWomen" name="handicapChildWomen" value=""/> </form> </div>  <input type="hidden" id="isSearchHistoryDisp" value="false"/> <input type="hidden" id="historyArea" value=""/> <input type="hidden" id="historyLine" value=""/> <input type="hidden" id="historyOn" value=""/> <input type="hidden" id="historyOff" value=""/> <script> function doSubmitLine() { const route = $("#line-area").val(); const lineId = $("#line-line").val(); const nearCheckOnStation = $("#line-near-departure").prop('checked') ? 'on' : ''; const nearCheckOffStation = $("#line-near-arrival").prop('checked') ? 'on' : ''; const onStationCd = $("#line-departure").val(); const offStationCd = $("#line-arrival").val(); const bordingDate = $("#line-date").val(); const danseiNum = $("#male_count_disp").val() || 0; const zyoseiNum = $("#female_count_disp").val() || 0; const adultMen = $("#adultMen_count").val() || 0; const adultWomen = $("#adultWomen_count").val() || 0; const childMen = $("#childMen_count").val() || 0; const childWomen = $("#childWomen_count").val() || 0; const handicapAdultMen = $("#handicapAdultMen_count").val() || 0; const handicapAdultWomen = $("#handicapAdultWomen_count").val() || 0; const handicapChildMen = $("#handicapChildMen_count").val() || 0; const handicapChildWomen = $("#handicapChildWomen_count").val() || 0; const person = (parseInt(danseiNum) + parseInt(zyoseiNum)); // 人数のみ空欄 if (route && lineId && onStationCd && offStationCd && bordingDate && person === 0) { alert('人数を入力してください。') return false; } // 乗車日のみ空欄 if (route && lineId && onStationCd && offStationCd && !bordingDate && person !== 0) { alert('乗車日を選択してください。') return false; } // 降車バス停のみ空欄 if (route && lineId && onStationCd && !offStationCd && bordingDate && person !== 0) { alert('降車バス停を選択してください。') return false; } // if (!route || !lineId || !onStationCd || !offStationCd || !bordingDate || person === 0) { //未入力あり alert('空の選択項目があります') return false; } // if (danseiNum === '' || zyoseiNum === '' || (danseiNum === '0' && zyoseiNum === '0')) { // // // alert('人数を入力してください。') // return false; // } // $(".route").val(route); $(".lineId").val(lineId); $(".nearCheckOnStation").val(nearCheckOnStation); $(".nearCheckOffStation").val(nearCheckOffStation); $(".onStationCd").val(onStationCd); $(".offStationCd").val(offStationCd); $(".bordingDate").val(bordingDate); $(".danseiNum").val(danseiNum); $(".zyoseiNum").val(zyoseiNum); $(".adultMen").val(adultMen); $(".adultWomen").val(adultWomen); $(".childMen").val(childMen); $(".childWomen").val(childWomen); $(".handicapAdultMen").val(handicapAdultMen); $(".handicapAdultWomen").val(handicapAdultWomen); $(".handicapChildMen").val(handicapChildMen); $(".handicapChildWomen").val(handicapChildWomen); $("#line-search").submit(); return false; } function doClearLine() { $("#line-area").selModalSetValue(''); initSelect('#line-line') $("#line-near-departure-wrapper").hide() $("#line-near-departure").prop('checked', false) $("#line-near-arrival-wrapper").hide() $("#line-near-arrival").prop('checked', false) initSelect('#line-departure') initSelect('#line-arrival') initSelect('#line-date') initPerson() // $("#line-line").val(''); // $("#line-departure").val(''); // $("#line-arrival").val(''); // $("#line-date").val(''); // $("#male_count_disp").val('0'); // $("#female_count_disp").val('0'); $("#adultMen_count").val('0'); $("#adultWomen_count").val('0'); $("#childMen_count").val('0'); $("#childWomen_count").val('0'); $("#handicapAdultMen_count").val('0'); $("#handicapAdultWomen_count").val('0'); $("#handicapChildMen_count").val('0'); $("#handicapChildWomen_count").val('0'); } </script> <input id="tab02" type="radio" name="tab" class="tab-switch2"> <label class="tab-label2" for="tab02"></label> <div class="tab-content2"> <form id="routeList" name="routeList" action="/gp/reservation/rsvRouteListSelection#init" method="post"><ul class="cdtn noBorder"> <li> <p>出発地<span>都道府県</span></p> </li> <li> <p class="selectbox00"> <select name="rrefNameCd" id="rrefNameCd" onchange="getPrefLocal(this, document.getElementById('rrefCityCd'));" class="selmodal00"> <option value="" selected="selected">選択してください</option> <option value="104">宮城県</option> <option value="113">東京都</option> <option value="119">山梨県</option> <option value="120">長野県</option> <option value="122">静岡県</option> <option value="123">愛知県</option> <option value="121">岐阜県</option> <option value="127">大阪府</option> <option value="" disabled="disabled">------</option> <option value="001">（北海道地方）</option> <option value="101">　北海道</option> <option value="002">（東北地方）</option> <option value="102">　青森県</option> <option value="103">　岩手県</option> <option value="104">　宮城県</option> <option value="105">　秋田県</option> <option value="106">　山形県</option> <option value="107">　福島県</option> <option value="003">（関東地方）</option> <option value="108">　茨城県</option> <option value="109">　栃木県</option> <option value="110">　群馬県</option> <option value="111">　埼玉県</option> <option value="112">　千葉県</option> <option value="113">　東京都</option> <option value="114">　神奈川県</option> <option value="004">（甲信越地方）</option> <option value="115">　新潟県</option> <option value="119">　山梨県</option> <option value="120">　長野県</option> <option value="005">（東海地方）</option> <option value="121">　岐阜県</option> <option value="122">　静岡県</option> <option value="123">　愛知県</option> <option value="124">　三重県</option> <option value="006">（北陸地方）</option> <option value="116">　富山県</option> <option value="117">　石川県</option> <option value="118">　福井県</option> <option value="007">（関西地方）</option> <option value="125">　滋賀県</option> <option value="126">　京都府</option> <option value="127">　大阪府</option> <option value="128">　兵庫県</option> <option value="129">　奈良県</option> <option value="130">　和歌山県</option> <option value="008">（中国地方）</option> <option value="131">　鳥取県</option> <option value="132">　島根県</option> <option value="133">　岡山県</option> <option value="134">　広島県</option> <option value="135">　山口県</option> <option value="009">（四国地方）</option> <option value="136">　徳島県</option> <option value="137">　香川県</option> <option value="138">　愛媛県</option> <option value="010">（九州地方）</option> <option value="140">　福岡県</option> <option value="141">　佐賀県</option> <option value="142">　長崎県</option> <option value="143">　熊本県</option> <option value="144">　大分県</option> <option value="145">　宮崎県</option> <option value="146">　鹿児島県</option> </select> </p> </li> </ul> <ul class="cdtn sprtLine"> <li> <p>エリア</p> </li> <li> <p class="selectbox00"> <select name="rrefCityCd" id="rrefCityCd" class="selmodal00"> <option value="" selected="selected">指定なし</option> </select> </p> </li> </ul> <ul class="cdtn noBorder"> <li> <p>到着地<span>都道府県</span></p> </li> <li> <p class="selectbox00"> <select name="arefNameCd" id="arefNameCd" class="w108 selmodal00" onchange="getPrefLocal(this, document.getElementById('arefCityCd'));"> <option value="" selected="selected">選択してください</option> <option value="104">宮城県</option> <option value="113">東京都</option> <option value="119">山梨県</option> <option value="120">長野県</option> <option value="122">静岡県</option> <option value="123">愛知県</option> <option value="121">岐阜県</option> <option value="127">大阪府</option> <option value="" disabled="disabled">------</option> <option value="001">（北海道地方）</option> <option value="101">　北海道</option> <option value="002">（東北地方）</option> <option value="102">　青森県</option> <option value="103">　岩手県</option> <option value="104">　宮城県</option> <option value="105">　秋田県</option> <option value="106">　山形県</option> <option value="107">　福島県</option> <option value="003">（関東地方）</option> <option value="108">　茨城県</option> <option value="109">　栃木県</option> <option value="110">　群馬県</option> <option value="111">　埼玉県</option> <option value="112">　千葉県</option> <option value="113">　東京都</option> <option value="114">　神奈川県</option> <option value="004">（甲信越地方）</option> <option value="115">　新潟県</option> <option value="119">　山梨県</option> <option value="120">　長野県</option> <option value="005">（東海地方）</option> <option value="121">　岐阜県</option> <option value="122">　静岡県</option> <option value="123">　愛知県</option> <option value="124">　三重県</option> <option value="006">（北陸地方）</option> <option value="116">　富山県</option> <option value="117">　石川県</option> <option value="118">　福井県</option> <option value="007">（関西地方）</option> <option value="125">　滋賀県</option> <option value="126">　京都府</option> <option value="127">　大阪府</option> <option value="128">　兵庫県</option> <option value="129">　奈良県</option> <option value="130">　和歌山県</option> <option value="008">（中国地方）</option> <option value="131">　鳥取県</option> <option value="132">　島根県</option> <option value="133">　岡山県</option> <option value="134">　広島県</option> <option value="135">　山口県</option> <option value="009">（四国地方）</option> <option value="136">　徳島県</option> <option value="137">　香川県</option> <option value="138">　愛媛県</option> <option value="010">（九州地方）</option> <option value="140">　福岡県</option> <option value="141">　佐賀県</option> <option value="142">　長崎県</option> <option value="143">　熊本県</option> <option value="144">　大分県</option> <option value="145">　宮崎県</option> <option value="146">　鹿児島県</option> </select> </p> </li> </ul> <ul class="cdtn"> <li> <p>エリア</p> </li> <li> <p class="selectbox00"> <select name="arefCityCd" id="arefCityCd" class="selmodal00"> <option value="" selected="selected">指定なし</option> </select> </p> </li> </ul> <button type="button" class="cmnBtn cmnBtnOrg mgnT1em" onclick="return arrivalDepartureSubmit()"><span>検索する</span></button> </form></div><input id="tab03" type="radio" name="tab" class="tab-switch3"> <label class="tab-label3" for="tab03"></label> <div class="tab-content3"> <form id="stationSearchForm" name="stationSearchForm" action="/gp/reservation/rsvBusStopSearch#init" method="post"><ul class="cdtn noBorder"> <li> <p>乗車バス停名</p> </li> <li> <p class="input00"> <input id="keyWord" name="keyWord" class="textArea -colorDefault" placeholder="バス停名を入力" type="text" value=""/><input id="searchItem" name="searchItem" value="3" type="hidden" value=""/></p> </li> </ul> <button type="button" class="cmnBtn cmnBtnOrg mgnT1em" onclick="return stationSearchSubmit()"><span>検索する</span></button> </button> </form></div> <script type="text/javascript"> $(document).ready(function () { changeRosen(document.cpnSearch.lineGroupNo.value) }); //系統から路線一覧を取得 function changeRosen(param) { var url = 'ajaxPulldown?mode=web_coupon&id=' + param; //var url = 'ajax'; var xml = new JKL.ParseXML(url, 'post'); xml.async(changeRosen_ajax); var data = xml.parse(); function changeRosen_ajax(r) { var line = ''; var departure = ''; var arrival = ''; //初期化 document.cpnSearch.line.options.length = 0; document.cpnSearch.line.options[0] = new Option('選択してください', ''); document.cpnSearch.departure.options.length = 0; document.cpnSearch.departure.options[0] = new Option('選択してください', ''); document.cpnSearch.arrival.options.length = 0; document.cpnSearch.arrival.options[0] = new Option('選択してください', ''); //プルダウンに値をセット if (r.results.rosen.num == 0) { } else if (r.results.rosen.num == 1) { document.cpnSearch.line.options[1] = new Option(r.results.rosen.name, r.results.rosen.id); } else if (r.results.rosen.num > 1) { for (i = 0; i < r.results.rosen.num; i++) { document.cpnSearch.line.options[i + 1] = new Option(r.results.rosen.name[i], r.results.rosen.id[i]); } } $('.selmodal00').selModal(); } } //路線から乗る駅を取得 function changeStation_geton(param) { var url = 'ajaxPulldown?mode=station_geton_coupon&id=' + param; var xml = new JKL.ParseXML(url, 'post'); xml.async(changeStation_geton_ajax); var data = xml.parse(); function changeStation_geton_ajax(r) { var departure = ''; var arrival = ''; //初期化 document.cpnSearch.departure.options.length = 0; document.cpnSearch.departure.options[0] = new Option('選択してください', ''); document.cpnSearch.arrival.options.length = 0; document.cpnSearch.arrival.options[0] = new Option('選択してください', ''); //プルダウンに値をセット if (r.results.rosen.num == 0) { } else if (r.results.rosen.num == 1) { document.cpnSearch.departure.options[1] = new Option(r.results.rosen.name, r.results.rosen.id); } else if (r.results.rosen.num > 1) { for (i = 0; i < r.results.rosen.num; i++) { document.cpnSearch.departure.options[i + 1] = new Option(r.results.rosen.name[i], r.results.rosen.id[i]); } } $('.selmodal00').selModal(); } } //路線、乗る駅から降りる駅を取得 function changeStation_getoff(lineid, stationcd) { const arrival_value = $("#arrival").val(); var url = 'ajaxPulldown?mode=station_getoff_coupon&id=' + lineid + '&stationcd=' + stationcd; var xml = new JKL.ParseXML(url, 'post'); xml.async(changeStation_getoff_ajax); var data = xml.parse(); function changeStation_getoff_ajax(r) { var arrival = ''; var is_found = false; //初期化 document.cpnSearch.arrival.options.length = 0; document.cpnSearch.arrival.options[0] = new Option('選択してください', ''); //プルダウンに値をセット if (r.results.rosen.num == 0) { } else if (r.results.rosen.num == 1) { document.cpnSearch.arrival.options[1] = new Option( r.results.rosen.name, r.results.rosen.id); // is_found = (r.results.rosen.id == arrival_value); } else if (r.results.rosen.num > 1) { for (i = 0; i < r.results.rosen.num; i++) { document.cpnSearch.arrival.options[i + 1] = new Option( r.results.rosen.name[i], r.results.rosen.id[i]); // is_found = is_found || (r.results.rosen.id[i] == arrival_value); } } $('.selmodal00').selModal(); if (is_found && arrival_value) { $("#arrival").selModalSetValue(arrival_value) } } } function buy_coupon(buyCoupon) { buyCoupon.action = 'cpnSalesInput'; buyCoupon.method = 'GET'; buyCoupon.submit(); } </script> <input id="tab04" type="radio" name="tab" class="tab-switch4"> <label class="tab-label4" for="tab04"></label> <div class="tab-content4"> <div class="login-btn"> <section> <p>WEB回数券購入およびWEB回数券で予約する際はログインして下さい。</p> <button type="submit" class="cmnBtn cmnBtnOrg mgnT1em" onclick="location.href='/gp/mypage/mypLogin'"><span>ログインする</span></button> </section> </div> <section class="typeCoupnon mgnB1em"> <p class="sub">購入済みのWEB回数券から予約する</p> <button type="submit" class="cmnBtn cmnBtnOrg" onclick="location.href='/gp/mypage/mypLogin?coupon=buyList'"><span>購入済み「WEB回数券」</span></button> </section> <section class="typeCoupnon"> <form id="cpnSearch" name="cpnSearch" action="/gp/coupon/cpnSearch" method="post"><input type="hidden" name="status" value="CONDITION"/> <p class="sub">販売中のWEB回数券を購入して予約する</p> <ul class="cdtn"> <li> <p>系統</p> </li> <li> <p class="selectbox00"> <select name="lineGroupNo" id="route" class="selmodal00" onChange="changeRosen(this.value);"> <option value="" selected disabled>選択してください</option> <option value="1" >新宿駅・東京駅</option> <option value="2" >名古屋（愛知県）</option> <option value="14" >福岡県（福岡・北九州など）</option> <option value="6" >東北地方（岩手・青森・福島など</option> <option value="171" >宮城県（仙台駅など）</option> <option value="140" >北関東地方（茨城・栃木・群馬）</option> <option value="75" >東京都23区（渋谷・池袋など）</option> <option value="45" >東京都西部（多摩地域）</option> <option value="139" >南関東（神奈川・埼玉・千葉）</option> <option value="3" >羽田空港</option> <option value="4" >成田空港</option> <option value="7" >山梨県(富士五湖・甲府など）</option> <option value="8" >長野県（松本・伊那・白馬など）</option> <option value="15" >岐阜県（岐阜・高山・白川郷など</option> <option value="11" >東海地方（静岡・浜松・沼津など</option> <option value="10" >北陸地方（金沢・富山・福井など</option> <option value="12" >関西地方（大阪・神戸・京都など</option> <option value="136" >中国地方（岡山・広島・鳥取など</option> <option value="13" >四国地方（松山・高松・徳島など</option> <option value="170" >佐賀県（鳥栖など）</option> <option value="165" >長崎県（長崎・佐世保・島原など</option> <option value="167" >熊本県（熊本・黒川温泉など）</option> <option value="166" >大分県（大分・別府・湯布院など</option> <option value="168" >宮崎県（宮崎・延岡・高千穂など</option> <option value="169" >鹿児島県（鹿児島など）</option> <option value="76" >バスツアー</option> <option value="196" >北海道発着</option> </select> </p> </li> </ul> <ul class="cdtn"> <li> <p>路線</p> </li> <li> <p class="selectbox00"> <select name="lineId" id="line" class="selmodal00" onChange="changeStation_geton(this.value);"> <option value="" selected disabled>選択してください</option> </select> </p> </li> </ul> <ul class="cdtn noBorder"> <li> <p>乗車バス停</p> </li> <li> <p class="selectbox00 mgnB05em"> <select name="onStationCd" id="departure" class="selmodal00" onChange="changeStation_getoff( document.getElementById('line').value, this.value);"> <option value="" selected disabled>選択してください</option> </select> </p> </li> </ul> <ul class="cdtn"> <li> <p>降車バス停</p> </li> <li> <p class="selectbox00 mgnB05em"> <select name="offStationCd" id="arrival" class="selmodal00"> <option value="" selected disabled>選択してください</option> </select> </p> </li> </ul> <ul class="cdtn"> <li>人員区分</li> <li> <p class="pick00"> <label class="pick pick-rd">大人 <input id="menClassKbn1" name="menClassKbn" class="radioButton_input" type="radio" value="1" checked="checked"> <span class="pick_indicator"></span> </label> </p> <p class="pick00"> <label class="pick pick-rd">小人 <input id="menClassKbn2" name="menClassKbn" class="radioButton_input" type="radio" value="2"> <span class="pick_indicator"></span> </label> </p> </li> </ul> <button type="submit" class="cmnBtn cmnBtnOrg mgnT2em"><span>検索する</span></button> </form></section> </div> <input id="tab05" type="radio" name="tab" class="tab-switch5" > <label class="tab-label5" for="tab05"></label> <div class="tab-content5"> <div class="login-btn"> <section> <p>お気に入り路線を使用して予約する際はログインして下さい。</p> <button type="submit" class="cmnBtn cmnBtnOrg mgnT1em" onclick="location.href='/gp/mypage/mypLogin?favorite=1'"><span>ログインする</span></button> </section> </div> <ul class="cdtn"> <li> <p>お気に入り<br>登録路線</p> </li> <li> <p class="selectbox00"> <select id="favorite-line" name="favorite-line" class="selmodal00"> <option value="">選択してください</option> </select> </p> </li> </ul> <ul class="cdtn noBorder"> <li> <p>乗車バス停</p> </li> <li> <p class="selectbox00 mgnB05em"> <select id="favorite-departure" name="favorite-departure" class="selmodal00"> </select> </p> <p class="pick00" id="favorite-near-departure-wrapper" style="display: none"> <label class="pick pick-ck">近くのバス停を同時に検索 <input id="favorite-near-departure" type="checkbox" value="on" checked="checked"/> <span class="pick_indicator"></span> </label> </p> </li> </ul> <ul class="cdtn noBorder"> <li> </li> <li class="swap"> <span class="material-icons swap-bus-stop-favorite" data-departure="favorite-departure" data-arrival="favorite-arrival">swap_vert</span> バス停を入れ替える </li> </ul> <ul class="cdtn"> <li> <p>降車バス停</p> </li> <li> <p class="selectbox00 mgnB05em"> <select id="favorite-arrival" name="favorite-arrival" class="selmodal00"> </select> </p> <p class="pick00" id="favorite-near-arrival-wrapper" style="display: none"> <label class="pick pick-ck">近くのバス停を同時に検索 <input id="favorite-near-arrival" type="checkbox" value="on" checked="checked"/> <span class="pick_indicator"></span> </label> </p> </li> </ul> <ul class="cdtn"> <li> <p>乗車日</p> </li> <li class="bDate"> <p class="selectbox00 selModalButton_85"> <select id="favorite-date" name="favorite-date" class="selmodal00"> <option value="">選択してください</option> </select> <input type="hidden" id="datepicker" name="datepicker" class="datePicker"/> </p> </li> </ul> <ul class="cdtn"> <li> <p>人数</p> </li> <li class="peopleNumber"> <p class="selectbox00"> <span><img src="/gp/202103/images/icon-men.svg">男性</span> <input type="text" placeholder="-" class="male_count_disp input_person" id="male_count_disp"> </p> <p class="selectbox00"> <span><img src="/gp/202103/images/icon-women.svg">女性</span> <input type="text" placeholder="-" class="female_count_disp input_person" id="female_count_disp"> </p> <a href="" data-target="peopleNum" class="modal00-open"></a> </li> </ul> <button type="button" class="cmnBtn cmnBtnOrg mgnT1em" onclick="return doSubmitFavorite()"><span>検索する</span></button> <button type="button" class="cmnBtn cmnBtnGry" onclick="return doClearFavorite()"><span class="nonArrow">選択内容をクリアする</span></button> <form name="spsearch" id="favorite-search" action="/gp/reservation/rsvPlanList#infomationArea" method="get"> <input type="hidden" name="mode" value="search"/> <input type="hidden" class="route" name="route" value=""/> <input type="hidden" class="lineId" name="lineId" value=""/> <input type="hidden" class="nearCheckOnStation" name="nearCheckOnStation" value=""/> <input type="hidden" class="nearCheckOffStation" name="nearCheckOffStation" value=""/> <input type="hidden" class="onStationCd" name="onStationCd" value=""/> <input type="hidden" class="offStationCd" name="offStationCd" value=""/> <input type="hidden" class="bordingDate" name="bordingDate" value=""/> <input type="hidden" class="danseiNum" name="danseiNum" value=""/> <input type="hidden" class="zyoseiNum" name="zyoseiNum" value=""/>  <input type="hidden" class="adultMen" name="adultMen" value=""/> <input type="hidden" class="adultWomen" name="adultWomen" value=""/> <input type="hidden" class="childMen" name="childMen" value=""/> <input type="hidden" class="childWomen" name="childWomen" value=""/> <input type="hidden" class="handicapAdultMen" name="handicapAdultMen" value=""/> <input type="hidden" class="handicapAdultWomen" name="handicapAdultWomen" value=""/> <input type="hidden" class="handicapChildMen" name="handicapChildMen" value=""/> <input type="hidden" class="handicapChildWomen" name="handicapChildWomen" value=""/> </form> </div> <script> let favoriteDepartureNearBy = {}; let favoriteArrivalNearBy = {}; let favorite_last_arrival = null; // function getValue(val, index) { // line_onStationCd_onStationName_offStationCd_offStationName let s = val.split("_") return s[index] } // 乗車バス停を取得 function getDepartureFavorite(e, callback) { // 下層selectを初期化する initSelect('#favorite-departure'); initSelect('#favorite-arrival'); initSelect('#favorite-date'); initPerson() const value = $("#favorite-line").val(); if (!value) return const lineId = getValue(value, 0) // const onStationCd = getValue(value, 1) // const offStationCd = getValue(value, 2) // // console.log(value, lineId, onStationCd, offStationCd) //乗車バス停一覧を取得 const url = 'ajaxPulldown?mode=station_geton&id=' + lineId const xml = new JKL.ParseXML(url, 'POST'); xml.async(function (r) { // favoriteDepartureNearBy = {}; const element = $('#favorite-departure'); const results = r.results const rosen = results.rosen; const num = rosen.num; if (num == 1) { element.append("<option value='" + rosen.id + "'>" + rosen.name + "</option>") favoriteDepartureNearBy[rosen.id] = rosen.nearbyStationFlg; } else { for (let i = 0; i < num; i++) { const rosen_id = rosen.id[i]; const rosen_name = rosen.name[i]; const nearbyStationFlg = rosen.nearbyStationFlg[i]; element.append("<option value='" + rosen_id + "' >" + rosen_name + "</option>") // favoriteDepartureNearBy[rosen_id] = nearbyStationFlg } } element.selModal() // if (callback) { callback(); } }) xml.parse(); } // 降車バス停を取得 function getArrivalFavorite(e, callback) { const value = $("#favorite-line").val(); if (!value) return // 現在選択されている降車バス停を保存 favorite_last_arrival = $('#favorite-arrival').val(); // 下層selectを初期化する initSelect('#favorite-arrival'); initSelect('#favorite-date'); initPerson() // // const lineId = $("#favorite-line").val(); const lineId = getValue(value, 0); const onStation = $("#favorite-departure").val() // const nearby = favoriteDepartureNearBy[onStation] const wrapper = $("#favorite-near-departure-wrapper"); const checkbox = $("#favorite-near-departure"); if (nearby === '1') { // [近くのバス停を同時に検索]あり wrapper.show(); checkbox.prop('checked', true) } else { // [近くのバス停を同時に検索]なし wrapper.hide(); checkbox.prop('checked', false) } //乗車バス停一覧を取得 const url = 'ajaxPulldown?mode=station_getoff&id=' + lineId + '&stationcd=' + onStation; const xml = new JKL.ParseXML(url, 'POST'); xml.async(function (r) { // favoriteArrivalNearBy = {}; const element = $('#favorite-arrival'); const results = r.results const rosen = results.rosen; const num = rosen.num; if (num == 1) { element.append("<option value='" + rosen.id + "'>" + rosen.name + "</option>") favoriteArrivalNearBy[rosen.id] = rosen.nearbyStationFlg; } else { for (let i = 0; i < num; i++) { const rosen_id = rosen.id[i]; const rosen_name = rosen.name[i]; const nearbyStationFlg = rosen.nearbyStationFlg[i]; element.append("<option value='" + rosen_id + "'>" + rosen_name + "</option>") // favoriteArrivalNearBy[rosen_id] = nearbyStationFlg } } // 保存した降車バス停を設定する if (favorite_last_arrival) { element.val(favorite_last_arrival); } favorite_last_arrival = null; element.selModal() // if (callback) { callback(); } }); xml.parse(); } // 運行日の一覧を取得 function getDateFavorite(callback) { const value = $("#favorite-line").val(); if (!value) return const lineId = getValue(value, 0); // 下層selectを初期化する initSelect('#favorite-date'); initPerson() // const onStation = $("#favorite-departure").val(); const offStation = $("#favorite-arrival").val(); // const nearby = favoriteArrivalNearBy[offStation] const wrapper = $("#favorite-near-arrival-wrapper"); const checkbox = $("#favorite-near-arrival"); if (nearby === '1') { // [近くのバス停を同時に検索]あり wrapper.show(); checkbox.prop('checked', true) } else { // [近くのバス停を同時に検索]なし wrapper.hide(); checkbox.prop('checked', false) } //乗車バス停一覧を取得 const url = 'ajaxPulldown?mode=date&id=' + lineId + '&onStation=' + onStation + '&offStation=' + offStation; const xml = new JKL.ParseXML(url, 'POST'); xml.async(function (r) { // const holidays = {}; const boardings = []; const element = $('#favorite-date'); const results = r.results; const rosen = results.rosen; const num = rosen.num; if (num == 1) { element.append("<option value='" + rosen.id + "'>" + rosen.name + "</option>") } else { for (let i = 0; i < num; i++) { const date_id = rosen.id[i]; const date_name = rosen.name[i]; boardings.push(date_id); if (date_name.indexOf('祝') !== -1) { holidays[date_id] = {sts: "祝日"}; } element.append("<option value='" + date_id + "'>" + date_name + "</option>") } } element.selModal() // setDatePicker(holidays, boardings, "#favorite-date", "#datepicker"); // if (callback) { callback(); } }); xml.parse(); } // function setDatePicker(holidays, boardings, selector_select, selector_datepicker) { // // const datepicker = $(selector_datepickerli // if (boardings.length === 0) { // datepicker.datepicker('option', 'beforeShowDay', function (date) { // return false; // }); // datepicker.datepicker("option", "disabled", true); // datepicker.datepicker("option", "minDate", new Date()); // datepicker.datepicker("option", "maxDate", new Date()); // return false; // } // // const maxDate = $.datepicker.parseDate('yymmdd', Math.max.apply(null, boardings)); // const minDate = $.datepicker.parseDate('yymmdd', Math.min.apply(null, boardings)); // // // // const beforeShowDay = function (day) { // const dateStr = $.datepicker.formatDate("yymmdd", day); // const holiday = holidays[dateStr]; // let result = [true,]; // // // 祝日であるか // if (holiday) { // result = [true, "date-holiday"]; // } else if ($.inArray(dateStr, boardings) !== -1) { // result = [true, ""]; // } else { // result = [false, ""]; // } // return result; // }; // const onSelect = function (date, inst) { // $(selector_select).selModalSetValue(date); // }; // // // datepicker.datepicker("option", "disabled", false); // datepicker.datepicker('destroy'); // $.datepicker.setDefaults($.datepicker.regional['ja']); // datepicker.datepicker({ // dateFormat: 'yymmdd', // buttonImage: $("#contextPath").val() + "/img/iconset/calendar.svg", // buttonText: "カレンダーから選択", // buttonImageOnly: true, // showOn: "button", // minDate: minDate, // maxDate: maxDate, // beforeShowDay: beforeShowDay, // onSelect: onSelect // }); // datepicker.datepicker(); // datepicker.datepicker('setDate', new Date()); // // // // $(selector_select).on('change', function () { // const value = $(this).val(); // datepicker.datepicker("setDate", value); // }); // // } function doSubmitFavorite() { // const route = $("#favorite-area").val(); // const lineId = $("#favorite-line").val(); const route = "" const value = $("#favorite-line").val(); const lineId = value ? getValue(value, 0) : null; const nearCheckOnStation = $("#favorite-near-departure").prop('checked') ? 'on' : ''; const nearCheckOffStation = $("#favorite-near-arrival").prop('checked') ? 'on' : ''; const onStationCd = $("#favorite-departure").val(); const offStationCd = $("#favorite-arrival").val(); const bordingDate = $("#favorite-date").val(); const danseiNum = $("#male_count_disp").val() || 0; const zyoseiNum = $("#female_count_disp").val() || 0; const adultMen = $("#adultMen_count").val() || 0; const adultWomen = $("#adultWomen_count").val() || 0; const childMen = $("#childMen_count").val() || 0; const childWomen = $("#childWomen_count").val() || 0; const handicapAdultMen = $("#handicapAdultMen_count").val() || 0; const handicapAdultWomen = $("#handicapAdultWomen_count").val() || 0; const handicapChildMen = $("#handicapChildMen_count").val() || 0; const handicapChildWomen = $("#handicapChildWomen_count").val() || 0; const person = (parseInt(danseiNum) + parseInt(zyoseiNum)); // 人数のみ空欄 if (lineId && onStationCd && offStationCd && bordingDate && person === 0) { alert('人数を入力してください。') return false; } // 乗車日のみ空欄 if (lineId && onStationCd && offStationCd && !bordingDate && person !== 0) { alert('乗車日を選択してください。') return false; } // 降車バス停のみ空欄 if (lineId && onStationCd && !offStationCd && bordingDate && person !== 0) { alert('降車バス停を選択してください。') return false; } // console.log(lineId, onStationCd, offStationCd, bordingDate, person) if (!lineId || !onStationCd || !offStationCd || !bordingDate || person === 0) { //未入力あり alert('空の選択項目があります') return false; } // if (danseiNum === '' || zyoseiNum === '' || (danseiNum === '0' && zyoseiNum === '0')) { // // // alert('人数を入力してください。') // return false; // } // $(".route").val(route); $(".lineId").val(lineId); $(".nearCheckOnStation").val(nearCheckOnStation); $(".nearCheckOffStation").val(nearCheckOffStation); $(".onStationCd").val(onStationCd); $(".offStationCd").val(offStationCd); $(".bordingDate").val(bordingDate); $(".danseiNum").val(danseiNum); $(".zyoseiNum").val(zyoseiNum); $(".adultMen").val(adultMen); $(".adultWomen").val(adultWomen); $(".childMen").val(childMen); $(".childWomen").val(childWomen); $(".handicapAdultMen").val(handicapAdultMen); $(".handicapAdultWomen").val(handicapAdultWomen); $(".handicapChildMen").val(handicapChildMen); $(".handicapChildWomen").val(handicapChildWomen); $("#favorite-search").submit(); return false; } function doClearFavorite() { $("#favorite-area").selModalSetValue(''); initSelect('#favorite-line') $("#favorite-near-departure-wrapper").hide() $("#favorite-near-departure").prop('checked', false) $("#favorite-near-arrival-wrapper").hide() $("#favorite-near-arrival").prop('checked', false) initSelect('#favorite-departure') initSelect('#favorite-arrival') initSelect('#favorite-date') initPerson() // $("#favorite-line").val(''); // $("#favorite-departure").val(''); // $("#favorite-arrival").val(''); // $("#favorite-date").val(''); // $("#male_count_disp").val('0'); // $("#female_count_disp").val('0'); $("#adultMen_count").val('0'); $("#adultWomen_count").val('0'); $("#childMen_count").val('0'); $("#childWomen_count").val('0'); $("#handicapAdultMen_count").val('0'); $("#handicapAdultWomen_count").val('0'); $("#handicapChildMen_count").val('0'); $("#handicapChildWomen_count").val('0'); } </script> </section> </article> <article class="home-nav-area"> <section class="attn pc"> <section class="notice-inList notice-inList-home" id="attnArea"> <div id="contents749" style="display: none;"> <dl> <dt>2024.03.31</dt> <dd><a href="https://www.highwaybus.com/gp/info/topicInfo2;jsessionid=0DCC902377CA6CBE93461224A742EBD1?cid=749&topicid=15529&type=1">お支払い期限と乗車券表示に関するお願い</a></dd> <dt>2022.05.18</dt> <dd><a href="https://www.highwaybus.com/gp/info/topicInfo2;jsessionid=0DCC902377CA6CBE93461224A742EBD1?cid=749&topicid=11868&type=1">ハイウェイバスドットコムからのメールが届かなくてお困りのお客様へ</a></dd> </dl> </div> </section> </section> <section class="nav-btn-01 pc"> <ul> <li><a href="/gp/html/gp/guide/guidance.html"><img src="/gp/202103/images/btn-hn-goriyouannai.svg"></a> </li> <li> <a href="/gp/reservation/rsvRouteList?routeListSelected=selected"><img src="/gp/202103/images/btn-hn-rosenichiran.svg"></a> </li> <li><a href="/gp/info/serviceInfo"><img src="/gp/202103/images/btn-hn-unkoujouhou.svg"></a></li> <li><a href="/gp/reference/refCertification"><img src="/gp/202103/images/btn-hn-yoyaku-kakunin-torikeshi.svg"></a> </li> </ul> </section> <section class="nav-btn-02"> <section class="item">  <p class="btn"> <a href="/gp/coupon/cpnSearch" class="icon-arrow_right"> <img src="/gp/202103/images/btn-hn-web-kaisuuken-kounyuu.svg" alt="回数券を購入する"></a> <span> <a class="cpnBuyList" href="/gp/coupon/cpnBuyList">購入済み「WEB回数券」を確認・使用</a> <a class="question" href="/gp/html/gp/guide/web_coupon_attention.html"></a> </span> </p> <form action="https://package.highwaybus.com/ticket" method="POST" name="webEventSaleSiteEventList"> </form> <p class="btn btnType2"> <a href="javascript:void(0);" onclick="document.webEventSaleSiteEventList.submit()"> <img src="/gp/202103/images/btn-hn-set-ken-kounyuu.svg" alt="回数券を購入する"> </a> </p> </section>   </section> <section class="nav-btn-03"> <ul> <li> <a href="/gp/reservation/rsvRouteListOnPlaceSelection"><img src="/gp/202103/images/btn-hn-nihonchizukarasagasu.svg"></a> </li> <li><a href="/gp/reservation/rsvRouteListTransportSelection"><img src="/gp/202103/images/btn-hn-unkougaishakarasagasu.svg"></a> </li> <li><a href="/gp/reservation/rsvBusStopSearch#init"><img src="/gp/202103/images/btn-hn-busteikarasagasu.svg"></a> </li> </ul> </section> </article> </div> </div> <div class="wrap00"> <div class="home-secondary"> <article class="notice" > <section class="notice_item"> <h2 class="ttl">路線に関するお知らせ</h2> <dl> <dt>2024.05.13</dt> <dd><a href="https://www.highwaybus.com/gp/info/topicInfo2;jsessionid=0DCC902377CA6CBE93461224A742EBD1?cid=14&topicid=14209&type=1">高速道路リニューアル工事による遅延について</a></dd> <dt>2021.08.16</dt> <dd><a href="https://www.highwaybus.com/gp/info/topicInfo2;jsessionid=0DCC902377CA6CBE93461224A742EBD1?cid=14&topicid=805&type=1">運休便の乗車券・WEB回数券の払戻しについて</a></dd> </dl> <p class="view-all"><a href="javascript:void(0);" onClick="return topicInfo('2');">全て見る</a></p> <span class="l01"></span> <span class="l02"></span> <span class="l03"></span> <span class="l04"></span> </section> <section class="notice_item"> <h2 class="ttl">おすすめ情報・キャンペーン</h2> <ul> <li>只今、おすすめ情報・キャンペーンはありません。</li> </ul> <span class="l01"></span> <span class="l02"></span> <span class="l03"></span> <span class="l04"></span> </section> <section class="notice_item"> <h2 class="ttl">WEBサイト利用に関するお知らせ</h2> <dl> <dt>2024.11.27  <img src="https://www.highwaybus.com/gp/img/info/topics/icon_new.gif"></dt> <dd><a href="https://www.highwaybus.com/gp/info/topicInfo2;jsessionid=0DCC902377CA6CBE93461224A742EBD1?cid=14&topicid=9353&type=1">【システムメンテナンス】12/10 KDDI(au)のキャリア決済がご利用いただけない時間帯があります</a></dd> <dt>2024.11.21</dt> <dd><a href="https://www.highwaybus.com/gp/info/topicInfo2;jsessionid=0DCC902377CA6CBE93461224A742EBD1?cid=14&topicid=15199&type=1">【システムメンテナンス】（作業日程変更）ＮＴＴドコモのキャリア決済がご利用いただけません</a></dd> <dt>2024.10.28</dt> <dd><a href="https://www.highwaybus.com/gp/info/topicInfo2;jsessionid=0DCC902377CA6CBE93461224A742EBD1?cid=14&topicid=11718&type=1">【ご注意】d払い（NTTdocomo）手続き完了時におけるお支払い完了確認のお願い</a></dd> </dl> <p class="view-all"><a href="javascript:void(0);" onClick="return topicInfo('5');">全て見る</a></p> <span class="l01"></span> <span class="l02"></span> <span class="l03"></span> <span class="l04"></span> </section> </article> <article class="terminallist"> <section class="terminallist_item"> <p class="ttl">バスターミナルのご案内</p> <ul><li><dl><dt></dt><dd><a href="/html/gp/info/16/shinjuku/index.html" target="_blank">バスタ新宿（新宿駅）</a></dd></dl></li><li><dl><dt></dt><dd><a href="https://bt-tokyoyaesu.com/" target="_blank">バスターミナル東京八重洲</a></dd></dl></li><li><dl><dt></dt><dd><a href="https://www.tokyubus.co.jp/airport/terminal/s-markcity.html" target="_blank">渋谷マークシティ（渋谷駅）</a></dd></dl></li><li><dl><dt></dt><dd><a href="http://www.meitetsu-bus.co.jp/rosen/meibc" target="_blank">名鉄バスセンター（名古屋駅）</a></dd></dl></li><li><dl><dt></dt><dd><a href="/html/gp/info/12/sendaibc/index.html" target="_blank">仙台高速バスセンター（仙台駅）</a></dd></dl></li><li><dl><dt></dt><dd><a href="https://www.h-bt.jp/" target="_blank">博多バスターミナル（博多駅）</a></dd></dl></li><li><dl><dt></dt><dd><a href="http://www.atbus-de.com/terminal_list/center-tenjin/" target="_blank">西鉄天神高速バスターミナル（西鉄福岡駅）</a></dd></dl></li><li><dl><dt></dt><dd><a href="https://www.hankyubus.co.jp/highway/map/post.php" target="_blank">阪急三番街バスターミナル（大阪梅田）</a></dd></dl></li><li><dl><dt></dt><dd><a href="https://www.nankaibus.jp/highway/express_04/#station" target="_blank">南海なんば高速バスターミナル（大阪なんば）</a></dd></dl></li></ul> </section> </article> </div> </div> <div class="pr00"> <div class="swiper-container"> <div class="swiper-wrapper" id="swiperArea"> </div> <div class="swiper-pagination"></div> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> </div> <div id="contents235" style="display: none;"> <div class="bnrSliderArea"><br /><ul class="bnrSlider" id="addVisual"><li><a onclick="ga('send','event','kta','click','kta_tabibako',1);" href="https://keio.tabibako.net/busyado/tours;jsessionid=0DCC902377CA6CBE93461224A742EBD1?word=ol-busyado"> <img src="https://www.highwaybus.com/gp/img/assets/r0000005913.jpg" /></a></li><li><a href="https://www.highwaybus.com/gp/reservation/rsvPlanList;jsessionid=0DCC902377CA6CBE93461224A742EBD1?lineId=155"> <img src="https://www.highwaybus.com/gp/img/assets/r0000000756.png" width="600" /> </a></li><li><a href="https://corritrip.jp/jpn/minobu/"><img src="https://www.highwaybus.com/gp/img/assets/r0000009204.png" /></a></li><li><a href="https://corritrip.jp/jpn/climbing/"><img src="https://www.highwaybus.com/gp/img/assets/r0000009248.png" /></a></li></ul></div> </div> </div> </main>  <div id="peopleNum" class="modal00 modal00-js"> <div class="modal00-bg modal00-close"> <a href="#" class="modal00-close-fixed"><span></span></a> </div> <div class="modal00-content">  <section class="selectPeopleNumber-mdl"> <p class="ttl">人数選択</p> <section class="selectPeopleNumber"> <ul> <li> <p class="item-ttl">大人</p> </li> <li> <p class="input-peopleNum"> <span>男性</span> <button class="decrease"></button> <input type="text" id="adultMen_count" class="male_count input_person" value="0" readonly="readonly"/> <button class="increase"></button> </p> </li> <li> <p class="input-peopleNum"> <span>女性</span> <button class="decrease"></button> <input type="text" id="adultWomen_count" class="female_count input_person" value="0" readonly="readonly"/> <button class="increase"></button> </p> </li> </ul> <ul> <li> <p class="item-ttl">小人</p> </li> <li> <p class="input-peopleNum"> <span>男性</span> <button class="decrease"></button> <input type="text" id="childMen_count" class="male_count input_person" value="0" readonly="readonly"/> <button class="increase"></button> </p> </li> <li> <p class="input-peopleNum"> <span>女性</span> <button class="decrease"></button> <input type="text" id="childWomen_count" class="female_count input_person" value="0" readonly="readonly"/> <button class="increase"></button> </p> </li> </ul> <ul> <li> <p class="item-ttl">障がい者・介護者大人</p> </li> <li> <p class="input-peopleNum"> <span>男性</span> <button class="decrease"></button> <input type="text" id="handicapAdultMen_count" class="male_count input_person" value="0" readonly="readonly"/> <button class="increase"></button> </p> </li> <li> <p class="input-peopleNum"> <span>女性</span> <button class="decrease"></button> <input type="text" id="handicapAdultWomen_count" class="female_count input_person" value="0" readonly="readonly"/> <button class="increase"></button> </p> </li> </ul> <ul> <li> <p class="item-ttl">障がい者・介護者小人</p> </li> <li> <p class="input-peopleNum"> <span>男性</span> <button class="decrease"></button> <input type="text" id="handicapChildMen_count" class="male_count input_person" value="0" readonly="readonly"/> <button class="increase"></button> </p> </li> <li> <p class="input-peopleNum"> <span>女性</span> <button class="decrease"></button> <input type="text" id="handicapChildWomen_count" class="female_count input_person" value="0" readonly="readonly"/> <button class="increase"></button> </p> </li> </ul> </section> <p class="aboutNumPeople">人数について ▾</p> <section class="aboutNumPeople_desc"> <p>ご乗車になる人数を入力してください。</p> <p> <span class="attention">※車椅子ご利用の方は車両によって対応できない場合がございますので<a href="/gp/html/gp/contact_tel.html?_blank" target="_blank" rel="noopener noreferrer" class="txtLink">お電話</a>ください。 </span> </p> <p> ※障がい者に引率される介護者は、身体障害者手帳または療育手帳に記載されている「旅客鉄道運賃減額欄」の種別により、割引が受けられます。</p> <p> ※障がい者（割引）の適用範囲については、<a href="/gp/html/gp/guide/fare.html?_blank" target="_blank" rel="noopener noreferrer" class="txtLink">こちら</a>をご参照ください。なお、身障者手帳、バス運賃割引証はバス利用時ならびに窓口での乗車券購入時に確認させていただきます。 </p> <p>※幼児(6歳未満）のお客様で座席を占有されない場合、小学生以上の同伴者1名に対して1名様まで無賃でご乗車いただけます。ただし、満席の場合は車両の定員人数の理由によりお断りすることがございますので、幼児のお客様の分も小児運賃をお支払いいただき座席を使用されることをおすすめいたします。</p> <p>（福岡オープントップバスについては上記とは異なりますので、ご注意ください。）</p> </section> <button type="button" class="cmnBtn cmnBtnOrg" onclick="return setPersonCount();"><span>確定する</span> </button> </section>  </div> </div> <input type="hidden" id="lineInfoCntVal" value="2"/> <input type="hidden" id="recoInfoCntVal" value=""/> <input type="hidden" id="webInfoCntVal" value="14"/> <form id="topicInfoForm" name="topicInfoForm" action="/gp/info/topicInfo" method="get"><input id="totalCountStrAll" name="totalCountStrAll" type="hidden" value=""/><input type="hidden" name="categoryId" value=""/> </form><script type="text/javascript"> function deleteMagin() { const userAgent = navigator.userAgent.toUpperCase(); if (userAgent.search(/SRS_SP_APP/) > -1) { $(".mainArea").css('padding-top', '35x'); $(".container").css('margin-top', '0px'); $(".breadcrumb").css('top', 0); } } deleteMagin(); </script> <script> $(function () { $("iframe.ul-widget-main-window").hide(); }); $("#chatBtn").click(function () { $("iframe.ul-widget-main-window").show(); }); </script> <footer> <div class="ftrInner"> <div class="top"> <ul> <li> <section> <dl> <dt class="jnbn2">  <script language="JavaScript" TYPE="text/javascript" src="https://trusted-web-seal.cybertrust.ne.jp/seal/getScript?host_name=www.highwaybus.com&type=12"> </script>  </dt> <dd class="jnbn1"> <p> このサイトは、サイバートラストの<a href="https://www.cybertrust.ne.jp/sureserver/" target="_blank" rel="noopener noreferrer" class="txtLink">サーバー証明書</a>により実在性が認証されています。また、SSLページは通信が暗号化されプライバシーが守られています。 </p> </dd> </dl> </section> </li> <li> <section> <p> 高速バスのハイウェイバスドットコム　日本全国の高速バス簡単予約（東京（新宿）・山梨・長野・名古屋・九州発着）<br> 当サイトでは高速乗合バス（路線バス）とバスツアー（募集型企画旅行）をご予約いただけます<br> 高速ツアーバス（募集型企画旅行形式の都市間輸送）は取り扱っていません </p> </section> </li> </ul> </div> <div class="middle"> <p><a href="/gp/html/gp/copyright.html">ご利用規約</a> | <a href="/gp/html/gp/point_rule.html">バスマイルポイント規約</a> | <a href="/gp/html/gp/privacypolicy.html">個人情報保護方針</a> | <a href="/gp/html/gp/law.html">特定商取引法に基づく表記</a> | <a href="/gp/html/gp/link.html">関連リンク</a> | <a href="/gp/html/gp/sitemap.html">サイトマップ</a> </p> </div> <div class="bottom"> <p>Copyright © 2018 Keio Dentetsu Bus Co.,Ltd All Rights Reserved.</p> </div> </div> </footer>  <input type="hidden" id="memberId" value=""/> <script> (function (c, n, s) { if (c[n] === void 0) { c['ULObject'] = n; c[n] = c[n] || function () { (c[n].q = c[n].q || []).push(arguments) }; c[n].l = 1 * new Date(); var e = document.createElement('script'); e.async = 1; e.src = s + "/chatbot.js"; var t = document.getElementsByTagName('script')[0]; t.parentNode.insertBefore(e, t); } })(window, 'ul_widget', 'https://support-widget.nakanohito.jp'); ul_widget('init', {'id': 412}); var memId = document.getElementById("memberId"); if (memId.value != null && memId.value != "") { ul_widget('set', 'lg_id', memId.value); } </script> <p class="pageTop"><a href="#"><img src="/gp/202103/images/to-top.svg"></a></p> </div> </body> <script src="/gp/202103/libs/gh/cferdinandi/smooth-scroll@15.0.0/dist/smooth-scroll.polyfills.min.js"></script> <script type="text/javascript"> var scroll = new SmoothScroll('a[href*="#"]', { speed: 300, header: 'header' }); </script> <input type="hidden" id="contextPath" value="/gp"> <script src="/gp/202103/js/Jquery.selmodal.js"></script>  <link rel="stylesheet" href="/gp/202103/libs/ui/1.9.2/css/custom-theme/jquery-ui-1.9.2.custom.css"/> <script src="/gp/202103/libs/ui/1.9.2/js/jquery-ui-1.9.2.custom.js"></script> <script src="/gp/202103/libs/jqueryui/1/i18n/jquery.ui.datepicker-ja.min.js"></script>  <link rel="stylesheet" href="/gp/css/layout.css"> <link rel="stylesheet" href="/gp/css/index_rn.css"> <script src="/gp/202103/libs/Swiper/3.4.1/js/swiper.min.js"></script> <script> $(document).ready(function () { // $('.selmodal00').selModal(); // initSelect('#line-line') initSelect('#line-departure') initSelect('#line-arrival') initSelect('#line-date') initPerson() // 路線から { const e = $("#line-area"); e.on('change', function () { getLines(this); }); } { const e = $("#line-line"); e.on('change', function () { getDeparture(this); }); } { const e = $("#line-departure"); e.on('change', function () { getArrival(this, getDate); }); } { const e = $("#line-arrival"); e.on('change', function () { getDate(); }); } $("#datepicker").datepicker({ dateFormat: 'yymmdd', buttonImage: $("#contextPath").val() + "/img/iconset/calendar.svg", buttonText: "カレンダーから選択", buttonImageOnly: true, showOn: "button" }); $('.aboutNumPeople').click(function () { $(this).next().slideToggle(500); $(this).toggleClass("active"); }); // TODO:発着地から // TODO:バス停から // TODO:Web回数券 // お気に入り { const e = $("#favorite-line"); e.on('change', function () { const value = $("#favorite-line").val(); if (value) { const onStationCd = getValue(value, 1) const offStationCd = getValue(value, 2) // 乗車 getDepartureFavorite(this, function () { $("#favorite-departure").val(onStationCd).selModal() // 降車 getArrivalFavorite(this, function () { $("#favorite-arrival").val(offStationCd).selModal() //日付 getDateFavorite(function () { }) }); }); } }); if (e.val()) { e.trigger('change') } } // { // const e = $("#favorite-departure"); // e.on('change', function () { // getArrivalFavorite(this, getDate); // }); // } // { // const e = $("#favorite-arrival"); // e.on('change', function () { // getDateFavorite(this); // }); // } // restoreHistory(); }) document.addEventListener('DOMContentLoaded', function () { const inputs = document.getElementsByClassName('input-peopleNum') Array.prototype.forEach.call(inputs, function (el) { const input = el.getElementsByTagName('input')[0] el.getElementsByClassName('increase')[0].addEventListener('click', function () { incInputNumber(input, 1) }) el.getElementsByClassName('decrease')[0].addEventListener('click', function () { incInputNumber(input, -1) }) }) }) function incInputNumber(input, step) { let val = +input.value if (isNaN(val)) val = 0 val += step if (val > 12) val = 12; input.value = val > 0 ? val : 0 } //履歴から function restoreHistory() { const isSearchHistoryDisp = $("#isSearchHistoryDisp").val(); const historyArea = $("#historyArea").val(); const historyLine = $("#historyLine").val(); const historyOn = $("#historyOn").val(); const historyOff = $("#historyOff").val(); // if (isSearchHistoryDisp !== 'true') { //履歴を使用しない return; } // getLines(this, function () { //路線を設定する $("#line-line").selModalSetValue(historyLine); // getDeparture(this, function () { //乗車バス停 $("#line-departure").selModalSetValue(historyOn); // getArrival(this, function () { //降車バス停 $("#line-arrival").selModalSetValue(historyOff); // getDate(); }) }) }); } // function initSelect(target, useSelmodal) { // if (useSelmodal === undefined) { useSelmodal = true; } const element = $(target); element.children('option').remove() element.append("<option value=''>選択してください</option>") if (useSelmodal) { element.selModal(); } } function initPerson() { $(".input_person").val('0') } // 路線一覧を取得 function getLines(e, callback) { // 下層selectを初期化する initSelect('#line-line'); initSelect('#line-departure'); initSelect('#line-arrival'); initSelect('#line-date'); initPerson() const value = $("#line-area").val(); //路線一覧を取得 const url = 'ajaxPulldown?mode=line:full&id=' + value; const xml = new JKL.ParseXML(url, 'POST'); xml.async(function (r) { // const element = $('#line-line'); const results = r.results const rosen = results.rosen; // const num = rosen.num; if (num == 1) { element.append("<option value='" + rosen.id + "'>" + rosen.name + "</option>") } else { for (let i = 0; i < num; i++) { const rosen_id = rosen.id[i]; const rosen_name = rosen.name[i]; element.append("<option value='" + rosen_id + "'>" + rosen_name + "</option>") } } element.selModal() // if (callback) { callback(); } }); xml.parse(); } let lineDepartureNearBy = {}; // 乗車バス停を取得 function getDeparture(e, callback) { // 下層selectを初期化する initSelect('#line-departure'); initSelect('#line-arrival'); initSelect('#line-date'); initPerson() // const value = $("#line-line").val(); //乗車バス停一覧を取得 const url = 'ajaxPulldown?mode=station_geton&id=' + value; const xml = new JKL.ParseXML(url, 'POST'); xml.async(function (r) { // lineDepartureNearBy = {}; const element = $('#line-departure'); const results = r.results const rosen = results.rosen; const num = rosen.num; if (num == 1) { element.append("<option value='" + rosen.id + "'>" + rosen.name + "</option>") lineDepartureNearBy[rosen.id] = rosen.nearbyStationFlg; } else { for (let i = 0; i < num; i++) { const rosen_id = rosen.id[i]; const rosen_name = rosen.name[i]; const nearbyStationFlg = rosen.nearbyStationFlg[i]; element.append("<option value='" + rosen_id + "' >" + rosen_name + "</option>") // lineDepartureNearBy[rosen_id] = nearbyStationFlg } } element.selModal() // if (callback) { callback(); } }); xml.parse(); } let lineArrivalNearBy = {}; let last_arrival = null; // 降車バス停を取得 function getArrival(e, callback) { // 現在選択されている降車バス停を保存 last_arrival = $('#line-arrival').val(); // 下層selectを初期化する initSelect('#line-arrival'); initSelect('#line-date'); initPerson() // const lineId = $("#line-line").val(); const onStation = $("#line-departure").val(); // const nearby = lineDepartureNearBy[onStation] const wrapper = $("#line-near-departure-wrapper"); const checkbox = $("#line-near-departure"); if (nearby === '1') { // [近くのバス停を同時に検索]あり wrapper.show(); checkbox.prop('checked', true) } else { // [近くのバス停を同時に検索]なし wrapper.hide(); checkbox.prop('checked', false) } //乗車バス停一覧を取得 const url = 'ajaxPulldown?mode=station_getoff&id=' + lineId + '&stationcd=' + onStation; const xml = new JKL.ParseXML(url, 'POST'); xml.async(function (r) { // lineArrivalNearBy = {}; const element = $('#line-arrival'); const results = r.results const rosen = results.rosen; const num = rosen.num; if (num == 1) { element.append("<option value='" + rosen.id + "'>" + rosen.name + "</option>") lineArrivalNearBy[rosen.id] = rosen.nearbyStationFlg; } else { for (let i = 0; i < num; i++) { const rosen_id = rosen.id[i]; const rosen_name = rosen.name[i]; const nearbyStationFlg = rosen.nearbyStationFlg[i]; element.append("<option value='" + rosen_id + "'>" + rosen_name + "</option>") // lineArrivalNearBy[rosen_id] = nearbyStationFlg } } // 保存した降車バス停を設定する if (last_arrival) { element.val(last_arrival); } last_arrival = null; element.selModal() // if (callback) { callback(); } }); xml.parse(); } // 運行日の一覧を取得 function getDate(callback) { // 下層selectを初期化する initSelect('#line-date'); initPerson() // const lineId = $("#line-line").val(); const onStation = $("#line-departure").val(); const offStation = $("#line-arrival").val(); // const nearby = lineArrivalNearBy[offStation] const wrapper = $("#line-near-arrival-wrapper"); const checkbox = $("#line-near-arrival"); if (nearby === '1') { // [近くのバス停を同時に検索]あり wrapper.show(); checkbox.prop('checked', true) } else { // [近くのバス停を同時に検索]なし wrapper.hide(); checkbox.prop('checked', false) } //乗車バス停一覧を取得 const url = 'ajaxPulldown?mode=date&id=' + lineId + '&onStation=' + onStation + '&offStation=' + offStation; const xml = new JKL.ParseXML(url, 'POST'); xml.async(function (r) { // const holidays = {}; const boardings = []; const element = $('#line-date'); const results = r.results; const rosen = results.rosen; const num = rosen.num; if (num == 1) { element.append("<option value='" + rosen.id + "'>" + rosen.name + "</option>") } else { for (let i = 0; i < num; i++) { const date_id = rosen.id[i]; const date_name = rosen.name[i]; boardings.push(date_id); if (date_name.indexOf('祝') !== -1) { holidays[date_id] = {sts: "祝日"}; } element.append("<option value='" + date_id + "'>" + date_name + "</option>") } } element.selModal() // setDatePicker(holidays, boardings, "#line-date", "#datepicker"); // if (callback) { callback(); } }); xml.parse(); } function setDatePicker(holidays, boardings, selector_select, selector_datepicker) { const datepicker = $(selector_datepicker); if (boardings.length === 0) { datepicker.datepicker('option', 'beforeShowDay', function (date) { return false; }); datepicker.datepicker("option", "disabled", true); datepicker.datepicker("option", "minDate", new Date()); datepicker.datepicker("option", "maxDate", new Date()); return false; } const maxDate = $.datepicker.parseDate('yymmdd', Math.max.apply(null, boardings)); const minDate = $.datepicker.parseDate('yymmdd', Math.min.apply(null, boardings)); // const beforeShowDay = function (day) { const dateStr = $.datepicker.formatDate("yymmdd", day); const holiday = holidays[dateStr]; let result = [true,]; // 祝日であるか // console.log(dateStr, boardings, $.inArray(dateStr, boardings)) if (holiday) { result = [true, "date-holiday"]; } else if ($.inArray(dateStr, boardings) !== -1) { result = [true, ""]; } else { result = [false, ""]; } return result; }; const onSelect = function (date, inst) { $(selector_select).selModalSetValue(date); }; // // console.log(minDate, maxDate) datepicker.datepicker("option", "disabled", false); datepicker.datepicker('destroy'); $.datepicker.setDefaults($.datepicker.regional['ja']); datepicker.datepicker({ dateFormat: 'yymmdd', buttonImage: $("#contextPath").val() + "/img/iconset/calendar.svg", buttonText: "カレンダーから選択", buttonImageOnly: true, showOn: "button", minDate: minDate, maxDate: maxDate, beforeShowDay: beforeShowDay, onSelect: onSelect }); datepicker.datepicker(); datepicker.datepicker('setDate', new Date()); // $(selector_select).on('change', function () { const value = $(this).val(); datepicker.datepicker("setDate", value); }); } // function setPersonCount() { // let male = 0; let female = 0; // $('.male_count').each(function () { const e = $(this); const val = parseInt(e.val()); male += val; }) $('.female_count').each(function () { const e = $(this); const val = parseInt(e.val()); female += val; }) // if (male + female > 12) { alert("WEBでご予約可能な人数は12人までです。"); return false; } // $(".male_count_disp").val(male); $(".female_count_disp").val(female); $('body').removeClass('mdlFixed'); window.scrollTo(0, scrollPosition); $('.modal00-js').fadeOut(); } </script> <script> // $(document).ready(function () { localArray['北海道'] = '010'; localArray['青森市'] = '021'; localArray['弘前市'] = '022'; localArray['八戸市'] = '023'; localArray['盛岡市'] = '031'; localArray['岩手県上記以外'] = '039'; localArray['仙台市'] = '041'; localArray['宮城県上記以外'] = '049'; localArray['秋田市'] = '051'; localArray['秋田県上記以外'] = '059'; localArray['酒田市・鶴岡市'] = '062'; localArray['山形県上記以外'] = '069'; localArray['福島県上記以外'] = '079'; localArray['水戸市'] = '081'; localArray['茨城県上記以外'] = '089'; localArray['宇都宮市'] = '091'; localArray['栃木県上記以外'] = '099'; localArray['前橋市'] = '101'; localArray['高崎市'] = '102'; localArray['群馬県上記以外'] = '109'; localArray['さいたま市'] = '111'; localArray['埼玉県上記以外'] = '119'; localArray['千葉市'] = '121'; localArray['成田空港'] = '122'; localArray['東京ディズニーリゾート'] = '123'; localArray['千葉県上記以外'] = '129'; localArray['新宿駅周辺'] = '131'; localArray['東京駅周辺'] = '132'; localArray['渋谷駅周辺'] = '133'; localArray['羽田空港'] = '134'; localArray['２３区上記以外'] = '138'; localArray['多摩地域'] = '139'; localArray['横浜市'] = '141'; localArray['神奈川県上記以外'] = '149'; localArray['新潟市'] = '151'; localArray['新潟県上記以外'] = '159'; localArray['富山市'] = '161'; localArray['富山県上記以外'] = '169'; localArray['金沢市'] = '171'; localArray['石川県上記以外'] = '179'; localArray['福井市'] = '181'; localArray['福井県上記以外'] = '189'; localArray['甲府市'] = '191'; localArray['富士山周辺'] = '192'; localArray['山梨県上記以外'] = '199'; localArray['長野市'] = '201'; localArray['松本市'] = '202'; localArray['伊那飯田周辺'] = '203'; localArray['白馬・扇沢周辺'] = '204'; localArray['軽井沢周辺'] = '205'; localArray['長野県上記以外'] = '209'; localArray['岐阜市'] = '211'; localArray['高山市'] = '212'; localArray['中津川市'] = '213'; localArray['岐阜県上記以外'] = '219'; localArray['静岡市'] = '221'; localArray['浜松市'] = '222'; localArray['沼津市・三島市'] = '223'; localArray['静岡県上記以外'] = '229'; localArray['名古屋市'] = '231'; localArray['豊橋市'] = '232'; localArray['愛知県上記以外'] = '239'; localArray['三重県上記以外'] = '249'; localArray['滋賀県上記以外'] = '259'; localArray['京都市'] = '261'; localArray['京都府上記以外'] = '269'; localArray['梅田駅・大阪駅周辺'] = '271'; localArray['なんば・あべの橋周辺'] = '272'; localArray['大阪府上記以外'] = '279'; localArray['神戸市'] = '281'; localArray['姫路市'] = '282'; localArray['兵庫県上記以外'] = '289'; localArray['奈良市'] = '291'; localArray['奈良県上記以外'] = '299'; localArray['和歌山市'] = '301'; localArray['鳥取県上記以外'] = '319'; localArray['島根県上記以外'] = '329'; localArray['岡山市'] = '331'; localArray['岡山県上記以外'] = '339'; localArray['広島市'] = '341'; localArray['山口県上記以外'] = '359'; localArray['徳島市'] = '361'; localArray['徳島県上記以外'] = '369'; localArray['高松市'] = '371'; localArray['香川県上記以外'] = '379'; localArray['松山市'] = '381'; localArray['愛媛県上記以外'] = '389'; localArray['福岡市'] = '401'; localArray['北九州市'] = '402'; localArray['福岡県上記以外'] = '409'; localArray['佐賀市'] = '411'; localArray['鳥栖市・基山'] = '412'; localArray['佐賀県上記以外'] = '419'; localArray['長崎市'] = '421'; localArray['長崎県上記以外'] = '429'; localArray['熊本市'] = '431'; localArray['熊本県上記以外'] = '439'; localArray['大分市'] = '441'; localArray['別府市・湯布院周辺'] = '442'; localArray['大分県上記以外'] = '449'; localArray['宮崎市'] = '451'; localArray['宮崎県上記以外'] = '459'; localArray['鹿児島市'] = '461'; localArray['鹿児島県上記以外'] = '469'; airportList['羽田空港'] = '3'; airportList['成田空港'] = '4'; prefList['山形県'] = '106'; prefList['福島県'] = '107'; prefList['岡山県'] = '133'; prefList['広島県'] = '134'; prefList['長崎県'] = '142'; prefList['鹿児島県'] = '146'; prefList['北海道'] = '101'; prefList['山梨県'] = '119'; prefList['静岡県'] = '122'; prefList['愛媛県'] = '138'; prefList['佐賀県'] = '141'; prefList['大分県'] = '144'; prefList['宮崎県'] = '145'; prefList['宮城県'] = '104'; prefList['東京都'] = '113'; prefList['神奈川県'] = '114'; prefList['奈良県'] = '129'; prefList['福岡県'] = '140'; prefList['青森県'] = '102'; prefList['栃木県'] = '109'; prefList['新潟県'] = '115'; prefList['愛知県'] = '123'; prefList['滋賀県'] = '125'; prefList['熊本県'] = '143'; prefList['群馬県'] = '110'; prefList['長野県'] = '120'; prefList['大阪府'] = '127'; prefList['島根県'] = '132'; prefList['山口県'] = '135'; prefList['香川県'] = '137'; prefList['富山県'] = '116'; prefList['石川県'] = '117'; prefList['福井県'] = '118'; prefList['和歌山県'] = '130'; prefList['岩手県'] = '103'; prefList['秋田県'] = '105'; prefList['埼玉県'] = '111'; prefList['千葉県'] = '112'; prefList['兵庫県'] = '128'; prefList['徳島県'] = '136'; prefList['茨城県'] = '108'; prefList['岐阜県'] = '121'; prefList['三重県'] = '124'; prefList['京都府'] = '126'; prefList['鳥取県'] = '131'; prefLocalList['北海道'] = '01'; prefLocalList['青森市'] = '02'; prefLocalList['弘前市'] = '02'; prefLocalList['八戸市'] = '02'; prefLocalList['盛岡市'] = '03'; prefLocalList['岩手県上記以外'] = '03'; prefLocalList['仙台市'] = '04'; prefLocalList['宮城県上記以外'] = '04'; prefLocalList['秋田市'] = '05'; prefLocalList['秋田県上記以外'] = '05'; prefLocalList['酒田市・鶴岡市'] = '06'; prefLocalList['山形県上記以外'] = '06'; prefLocalList['福島県上記以外'] = '07'; prefLocalList['水戸市'] = '08'; prefLocalList['茨城県上記以外'] = '08'; prefLocalList['宇都宮市'] = '09'; prefLocalList['栃木県上記以外'] = '09'; prefLocalList['前橋市'] = '10'; prefLocalList['高崎市'] = '10'; prefLocalList['群馬県上記以外'] = '10'; prefLocalList['さいたま市'] = '11'; prefLocalList['埼玉県上記以外'] = '11'; prefLocalList['千葉市'] = '12'; prefLocalList['成田空港'] = '12'; prefLocalList['東京ディズニーリゾート'] = '12'; prefLocalList['千葉県上記以外'] = '12'; prefLocalList['新宿駅周辺'] = '13'; prefLocalList['東京駅周辺'] = '13'; prefLocalList['渋谷駅周辺'] = '13'; prefLocalList['羽田空港'] = '13'; prefLocalList['２３区上記以外'] = '13'; prefLocalList['多摩地域'] = '13'; prefLocalList['横浜市'] = '14'; prefLocalList['神奈川県上記以外'] = '14'; prefLocalList['新潟市'] = '15'; prefLocalList['新潟県上記以外'] = '15'; prefLocalList['富山市'] = '16'; prefLocalList['富山県上記以外'] = '16'; prefLocalList['金沢市'] = '17'; prefLocalList['石川県上記以外'] = '17'; prefLocalList['福井市'] = '18'; prefLocalList['福井県上記以外'] = '18'; prefLocalList['甲府市'] = '19'; prefLocalList['富士山周辺'] = '19'; prefLocalList['山梨県上記以外'] = '19'; prefLocalList['長野市'] = '20'; prefLocalList['松本市'] = '20'; prefLocalList['伊那飯田周辺'] = '20'; prefLocalList['白馬・扇沢周辺'] = '20'; prefLocalList['軽井沢周辺'] = '20'; prefLocalList['長野県上記以外'] = '20'; prefLocalList['岐阜市'] = '21'; prefLocalList['高山市'] = '21'; prefLocalList['中津川市'] = '21'; prefLocalList['岐阜県上記以外'] = '21'; prefLocalList['静岡市'] = '22'; prefLocalList['浜松市'] = '22'; prefLocalList['沼津市・三島市'] = '22'; prefLocalList['静岡県上記以外'] = '22'; prefLocalList['名古屋市'] = '23'; prefLocalList['豊橋市'] = '23'; prefLocalList['愛知県上記以外'] = '23'; prefLocalList['三重県上記以外'] = '24'; prefLocalList['滋賀県上記以外'] = '25'; prefLocalList['京都市'] = '26'; prefLocalList['京都府上記以外'] = '26'; prefLocalList['梅田駅・大阪駅周辺'] = '27'; prefLocalList['なんば・あべの橋周辺'] = '27'; prefLocalList['大阪府上記以外'] = '27'; prefLocalList['神戸市'] = '28'; prefLocalList['姫路市'] = '28'; prefLocalList['兵庫県上記以外'] = '28'; prefLocalList['奈良市'] = '29'; prefLocalList['奈良県上記以外'] = '29'; prefLocalList['和歌山市'] = '30'; prefLocalList['鳥取県上記以外'] = '31'; prefLocalList['島根県上記以外'] = '32'; prefLocalList['岡山市'] = '33'; prefLocalList['岡山県上記以外'] = '33'; prefLocalList['広島市'] = '34'; prefLocalList['山口県上記以外'] = '35'; prefLocalList['徳島市'] = '36'; prefLocalList['徳島県上記以外'] = '36'; prefLocalList['高松市'] = '37'; prefLocalList['香川県上記以外'] = '37'; prefLocalList['松山市'] = '38'; prefLocalList['愛媛県上記以外'] = '38'; prefLocalList['福岡市'] = '40'; prefLocalList['北九州市'] = '40'; prefLocalList['福岡県上記以外'] = '40'; prefLocalList['佐賀市'] = '41'; prefLocalList['鳥栖市・基山'] = '41'; prefLocalList['佐賀県上記以外'] = '41'; prefLocalList['長崎市'] = '42'; prefLocalList['長崎県上記以外'] = '42'; prefLocalList['熊本市'] = '43'; prefLocalList['熊本県上記以外'] = '43'; prefLocalList['大分市'] = '44'; prefLocalList['別府市・湯布院周辺'] = '44'; prefLocalList['大分県上記以外'] = '44'; prefLocalList['宮崎市'] = '45'; prefLocalList['宮崎県上記以外'] = '45'; prefLocalList['鹿児島市'] = '46'; prefLocalList['鹿児島県上記以外'] = '46'; }) initSwiper(); function initSwiper() { var mySwiper = new Swiper('.swiper-container', { loop: true, autoplay: 1000, slidesPerView: 4, spaceBetween: 10, centeredSlides: true, pagination: '.swiper-pagination', nextButton: '.swiper-button-next', prevButton: '.swiper-button-prev', breakpoints: { 767: { slidesPerView: 2, spaceBetween: 10 } } }); } function updateSwiper() { var lis = $('#contents235').find('li'); var contentsTag = ''; for (var i = 0; i < lis.length; i++) { contentsTag += '<div class="swiper-slide">'; contentsTag += lis[i].innerHTML; contentsTag += '</div>'; } $('#swiperArea').html(contentsTag); document.querySelector('.swiper-container').swiper.update(); } function insertIcon(text) { var index = text.indexOf('</a>'); if (index > 0) { return text.slice(0, index) /*+ '<span class="material-icons org">east</span>'*/ + text.slice(index, text.length); } return text; } function updateAttn() { let dDs = $('#contents749').find('dd'); let contentsTag = ''; if (dDs.length > 0) { contentsTag = "<ul><li>" + insertIcon(dDs[0].innerHTML) + "</li></ul>" if (dDs.length > 1) { contentsTag += '<ul class="hidden">'; for (var i = 1; i < dDs.length; i++) { contentsTag += "<li>" + insertIcon(dDs[i].innerHTML) + "</li>" } contentsTag += "</ul>" } } if (contentsTag) { $('#attnAreaSP').html("<section><button><span></span></button>" + contentsTag + "</section>"); $('#attnArea').html("<section><button><span></span></button>" + contentsTag + "</section>"); } } window.addEventListener('DOMContentLoaded', function () { updateAttn(); updateSwiper(); initSwiper(); }); $(function () { $(".attn_inner i").on("click", function () { const e = $(this); e.toggleClass("active"); // if (e.hasClass('active')) { e.html('remove_circle_outline'); } else { e.html('control_point'); } $(".attn_inner--hidden").slideToggle(500); }); }); // var posted = true; function topicInfo(param2) { var param1 = ""; if (param2 == '2') { //路線の全て見る param1 = document.getElementById('lineInfoCntVal').value; } else if (param2 == '4') { //おすすめの全てみる param1 = document.getElementById('recoInfoCntVal').value; } else { //WEBサイト利用の全て見る param1 = document.getElementById('webInfoCntVal').value; } if (posted == true) { posted = false; document.topicInfoForm.totalCountStrAll.value = param1; document.topicInfoForm.categoryId.value = param2; document.topicInfoForm.submit(); } return false; } //Submit_バス停名から function stationSearchSubmit() { //入力値チェック var keyWord = document.getElementById('keyWord').value; if (keyWord == '') { alert('バス停名を入力してください。'); } else { if (posted == true) { posted = false; document.stationSearchForm.submit(); } return false; } } //Submit_発着地から function arrivalDepartureSubmit() { var rrefNameCd = document.getElementById("rrefNameCd").value; var arefNameCd = document.getElementById("arefNameCd").value; //選択値チェック if (rrefNameCd == '' && arefNameCd == '') { alert('空の選択項目があります'); } else { if (posted == true) { posted = false; document.routeList.submit(); } return false; } } </script> <script type="text/javascript"> $(function () { $(".notice-inList section button").on('click', function () { $(".notice-inList section ul.hidden").slideToggle(500, alertFunc); }); function alertFunc() { if ($(this).css('display') == 'block') { $(".notice-inList section button").html('<span class="remove"></span>'); } else { $(".notice-inList section button").html('<span class="add"></span>'); } }; }); </script> <style> .swiper-slide img { object-fit: contain; width: 100%; height: auto; } .icon-arrow_right::before { content: ""; } </style> </html>

CINXE.COM

高速バスのハイウェイバスドットコム 全国の高速バスを簡単予約

高速バスのハイウェイバスドットコム全国の高速バスを簡単予約