<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Easy Planning from now!</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1.0, user-scalable=no" name="viewport">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta name="referrer" content="always">
    <meta name="Description" content="Easy Planning from now! Telling us your preference." />
    <link type="text/css" rel="stylesheet" href="//data.chinahighlights.com/css/min.php?f=/public/css/global.min.css">
    <link rel="canonical" href="https://www.chinahighlights.com/contactus/">
    <script src="//data.chinahighlights.com/js/min.php?f=/js/jquery-1.8.2.min.js,/js/ChtPublic.js,/public/js/bootstrap.min.js">
    </script>
    <script src="//data.chinahighlights.com/js/form-helper.js">
    </script>
    <script type="text/javascript">
    $(document).ready(function() {
    $.ajax({ type: "get", url: "/secureforms/form_token" }).done(function(data) { $("form").append(data); });
    $("#realname,#email,#additionalrequirements").focus(function() {
    $(this).siblings(".requiredArea").remove();
    });
    });
    </script>
    <script type="text/javascript">
    function judgeform() {
    var rc,ec,cc;
    if($('input[name="realname"]').val()==''){
    $('<div style="color: #a31022;" class="requiredArea">Please fill up your name.</div>').appendTo('#name_area');
    return false;
    }
    if($('input[name="email"]').val()==''){
    $('<div style="color: #a31022;" class="requiredArea">Wrong email address. Eg: service@chinahighlights.com.</div>').appendTo('#email_area');
    return false;
    } else {
    var emailPattern = /^[\w\-\.]+@[\w\-\.]+(\.\w+)+$/;
    if (!emailPattern.test($('#email').val())) {
    $('<div style="color: #a31022;" class="requiredArea">Wrong email address. Eg: service@chinahighlights.com.</div>').appendTo('#email_area');
    return false;
    }
    }
    if (document.getElementById("additionalrequirements").value == "")
    {
    $('<div style="color: #a31022;" class="requiredArea">Please tell us what kind of tour you want!</div>').appendTo('#text_area');
    return false;
    }
    return true;
    }
    </script>
    <!--[if lte IE 9]>
    <script src="/public/js/respond.min.js">
    </script>
    <![endif]-->
  </head>
  <body>
    <div id="wrapper">
      <div id="headerWrapper">
        <div id="header">
          <div class="container">
            <div class="row hidden-xs hidden-sm" id="headerLinkRight">
              <div class="col-lg-24">
                <ul class="list-inline pull-right">
                  <li>
                    <a rel="nofollow" href="/contactus/">Contact us</a>
                  </li>
                  <li>
                    <a href="/aboutus/" rel="nofollow">About us</a>
                  </li>
                </ul>
                <div class="tollfree pull-right">
                  <i class="fa fa-phone">
                  </i>
                  <div class="currentNo">
                  <strong>USA/CA:</strong>800-2682918 </div>
                  <div class="freePhone">
                    <span>
                    <strong>AU:</strong> 1800-764678</span>
                    <span>
                    <strong>UK:</strong> 0800-0327753</span>
                    <span>
                    <strong>All:</strong> 86-773-2831999</span>
                    <span class="closeBlock">
                      <img src="//data.chinahighlights.com/css/images/global/phone-close.png">
                    </span>
                  </div>
                </div>
              </div>
            </div>
          </div><!--end of container -->
          <div id="mainnav" class="nav navbar navbar-inverse" role="navigation">
            <div class="container">
              <div class="row">
                <div class="col-lg-3 col-sm-4 logobox hidden-xs">
                  <a href="/">
                    <img src="/pic/logo/logo-132x104.png" alt="logo" class="img-responsive">
                  </a>
                </div>
                <div class="col-lg-21 col-sm-20 col-lg-offset-3 col-sm-offset-3">
                  <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="icon-bar">
                    </span>
                    <span class="icon-bar">
                    </span>
                    <span class="icon-bar">
                    </span>
                    </button>
                    <div class="mobileLogo visible-xs">CHINA HIGHLIGHTS<sup>&reg;</sup>
                    </div>
                    <div class="navbar-brand visible-xs">
                      <a rel="nofollow"  href="/tour/create-my-trip.htm">
                        <img src="/pic/tailor-mark.png" class="img-responsive" width="25">
                      </a>
                    </div>
                  </div>
                  <div class="collapse navbar-collapse">
                    <ul class="nav navbar-nav chNav">
                      <li>
                        <a href="/">Home</a>
                      </li>
                      <li class="visible-xs">
                        <a href="/tour/create-my-trip.htm">Create My Trip</a>
                      </li>
                      <li >
                        <a href="/tour/">China Tours</a>
                        <span class="withMenu" data-target="#china-tours">
                          <a href="#">+</a>
                        </span>
                      </li>
                      <ul id="china-tours">
                        <li>
                          <a href="/tour/top-china-tours/">Top 10 Tours</a>
                        </li>
                        <li>
                          <a href="/tour/china-panda-tours/">Panda Tours</a>
                        </li>
                        <li>
                          <a href="/tour/family-tours/">Family Tours</a>
                        </li>
                        <li>
                          <a href="/yangtzecruise/">Yangtze Cruise</a>
                        </li>
                      </ul>
                      <li class="non-mibile">
                        <a href="/tour/create-my-trip.htm">Create My Trip</a>
                      </li>
                      <li >
                        <a href="/citytour/">Destinations</a>
                        <span class="withMenu" data-target="#destinations">
                          <a href="#">+</a>
                        </span>
                      </li>
                      <ul id="destinations">
                        <li>
                          <a href="/beijing/tours.htm">Beijing</a>
                        </li>
                        <li>
                          <a href="/guilin/tours.htm">Guilin</a>
                        </li>
                        <li>
                          <a href="/zhangjiajie/tours.htm">Zhangjiajie</a>
                        </li>
                        <li>
                          <a href="/huangshan/tours.htm">Huangshan</a>
                        </li>
                        <li>
                          <a href="/shanghai/tours.htm">Shanghai</a>
                        </li>
                        <li>
                          <a href="/xian/tours.htm">Xi'an</a>
                        </li>
                        <li>
                          <a href="/chengdu/tours.htm">Chengdu</a>
                        </li>
                      </ul>
                      <li >
                        <a href="/travelguide/">Travel Guide</a>
                        <span class="withMenu" data-target="#travel-guide">
                          <a href="#">+</a>
                        </span>
                      </li>
                      <ul id="travel-guide">
                        <li>
                          <a href="/travelguide/visa-application/">China Visas</a>
                        </li>
                        <li>
                          <a href="/beijing/">Beijing</a>
                        </li>
                        <li>
                          <a href="/greatwall/">The Great Wall of China</a>
                        </li>
                        <li>
                          <a href="/travelguide/china-top-10-attractions.htm">China’s Top 10 Attractions</a>
                        </li>
                        <li>
                          <a href="/giant-panda/">Giant Pandas</a>
                        </li>
                        <li>
                          <a href="/xian/terracotta-army/">The Terracotta Army</a>
                        </li>
                        <li>
                          <a href="/travelguide/top-highlights-of-china.htm">Best of China</a>
                        </li>
                      </ul>
                      <li >
                        <a href="/travelguide/culture/">Culture</a>
                        <span class="withMenu" data-target="#culture">
                          <a href="#">+</a>
                        </span>
                      </li>
                      <ul id="culture">
                        <li>
                          <a href="/travelguide/chinese-zodiac/">Chinese Zodiac</a>
                        </li>
                        <li>
                          <a href="/travelguide/special-report/chinese-new-year/">Chinese New Year</a>
                        </li>
                        <li>
                          <a href="/festivals/mid-autumn-festival.htm">Mid-autumn Festival</a>
                        </li>
                        <li>
                          <a href="/festivals/china-public-holiday.htm">Public Holiday Schedule</a>
                        </li>
                      </ul>
                      <li class="hidden-xs ">
                        <a href="/china-trains/">Trains</a>
                      </li>
                      <li>
                        <a href="/tour/asia-tours/">Asia Tours</a>
                      </li>
                      <li class="last">
                        <a href="/daytrip/">Day Tours</a>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
            <!--container-->
          </div>
          <!--end of mainnav -->
          </div></div>
          <!-- form -->
          <div>
            <h2>Easy Planning from now! The only thing you need to do is telling us your preference. Leave the rest to Us!</h2>
            <form action="/guide-use.php/demandform/form_save" method="POST">
            <?php echo __FORM_TOKEN__ ?>
            <input type="hidden" name="coli_sn" value="<?=$coli?>">
            <input type="hidden" name="fid" value="<?=$form->F_id?>">
            <div>
              <?php foreach ($part as $key => $p) { ?>
                <h3> <b><?=$p["title"]?></b></h3>
                <p><?php foreach ($p["data"] as $kf => $q) { ?>
                  <p><?php echo ($kf+1) . "." . $q->FD_question ?></p>
                    <input type="hidden" name="q[q<?=$q->FD_id?>][qclass]" value="<?=trim($q->FD_class)?>">
                    <input type="hidden" name="q[q<?=$q->FD_id?>][qtype]" value="<?=trim($q->FD_AnswerType)?>">
                    <input type="hidden" name="q[q<?=$q->FD_id?>][fdid]" value="<?=trim($q->FD_id)?>">
                    <input type="hidden" name="q[q<?=$q->FD_id?>][ismain]" value="<?=trim($q->FD_ismain)?>">
                  <?php if (intval(trim($q->FD_AnswerType)) === 1) { ?>
                    <ol style="list-style-type: upper-alpha;margin-left: 50px;">
                      <?php foreach ($q->answer as $ka => $an) { ?>
                        <li>
                          <label>
                          <input style="margin-left: -30px;margin-right: 15px;line-height: 21px;vertical-align: text-bottom;" type="radio" name="q[q<?=$q->FD_id?>][answer]" <?php if($q->FD_required==1){ ?> required <?php } ?>
                          value="<?=trim($an->A_number)?>=_<?=$an->A_content?>" id="ra_<?=$q->FD_id?>_<?=$an->A_id?>" >
                        <?php if(trim($an->A_content) == '') { ?>
                          <input type="text" name="q[q<?=$q->FD_id?>][atext]" data-radioid="ra_<?=$q->FD_id?>_<?=$an->A_id?>" >
                        <?php } else {?>
                          <?php echo trim($an->A_content) ?>
                        <?php } ?>
                          </label>
                        </li>
                      <?php } ?>
                    </ol>
                  <?php } else { ?>
                    <input type="text" name="q[q<?=$q->FD_id?>][atext]">
                  <?php } ?>
                <?php } ?></p>
              <?php } ?>
            </div>
            <input type="submit" name="" value="submit">
            </form>
          </div>
          <!-- end form -->
          <div id="footer">
          </div>
        <!-- </div>
      </div>-->
    </div>
    <script src="//data.chinahighlights.com/public/js/footer-html5.js">
    </script>
  </body>
</html>
<script type="text/javascript">
  $(function() {
    $("ol input:text").focus(function() {
      var obj = $(this);
      var target_id = obj.data("radioid");
      $("#"+target_id).prop("checked","checked");
      // var target_id_t = obj.data("texttarget");
      // $("#"+target_id_t).val("other answer");
    })
    // $("input:radio").change(function() {
    //   var obj = $(this);
    //   var target_id = obj.data("texttarget");
    //   $("#"+target_id).val(obj.data("text"));
    //   var li_index = (obj.parents("li").index())+1;
    //   var li_alphabet = convert(li_index);
    // })
  })
  function convert(num){
    return num <= 26 ?
         String.fromCharCode(num + 64) : convert(~~((num - 1) / 26)) + convert(num % 26 || 26);
  }
</script>
