<label> Name:
[text* your-name id:yourName] </label>
<label> Email:
[email* your-email id:yourEmail] </label>
<div class="clearfix">
<div id="left">
<label> Country Code:
[text* your-countrycode id:yourCountrycode] </label>
</div>
<div id="right">
<label> Phone
[tel your-phone id:yourPhone]
</label>
</div>
<label> Select your Country(required):
<select name="meal" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" data-type="extra" type="custom_type" data-custom-type="Letter" id="meal" onChange="changecat(this.value);" required style="width:100%;height:50px;">
<option value=""></option>
<option value="Argentina">Argentina</option>
<option value="Austria">Austria</option>
<option value="Australia">Australia</option>
<option value="Belgium">Belgium</option>
<option value="Brazil">Brazil</option>
<option value="Canada">Canada</option>
<option value="Colombia">Colombia</option>
<option value="DR">Dominican Republic</option>
<option value="Fiji">Fiji</option>
<option value="France">France</option>
<option value="Germany">Germany</option>
<option value="Greece">Greece</option>
<option value="Hungary">Hungary</option>
<option value="India">India</option>
<option value="Indonesia">Indonesia</option>
<option value="Ireland">Ireland</option>
<option value="Israel">Israel</option>
<option value="Italy">Italy</option>
<option value="Japan">Japan</option>
<option value="KR">Korea Republic</option>
<option value="Macao">Macao</option>
<option value="Malaysia">Malaysia</option>
<option value="Mexico">Mexico</option>
<option value="Netherlands">Netherlands</option>
<option value="Philippines">Philippines</option>
<option value="RF">Russian Federation</option>
<option value="SUA">Saudi Arabia</option>
<option value="Singapore">Singapore</option>
<option value="SA">South Africa</option>
<option value="Spain">Spain</option>
<option value="Sweden">Sweden</option>
<option value="Thailand">Thailand</option>
<option value="Turkey">Turkey</option>
<option value="UAE">United Arab Emirates</option>
<option value="UK">United Kingdom</option>
<option value="USA">United States</option>
<option value="Vanuatu">Vanuatu</option>
</select>
<label style="margin-top:15px;">Choose Your Favorite Destination(required):
<select name="your-destino" class="elInput elSelectInput elInput100 elAlign_left elInputMid elInputStyl0 elInputBG1 elInputBR5 elInputI0 elInputIBlack elInputIRight elInput-Select1 ceoinput required1 garlic-auto-save" data-type="extra" type="custom_type" data-custom-type="Destination_name" id="category" value="" onchange="myFunction()" onclick="display()" style="width:100%;height:50px;">
<option state="" disabled selected></option>
</select>
<script>
var mealsByCategory = {
Argentina: ["","Buenos Aires"],
Austria: ["","Vienna"],
Australia: ["","Port Macquarie","Great Ocean Road Region","Geelong","East Gippsland","Bendigo","Townsville","Mackay","Hervey Bay Area","Airlie Beach","South Coast NSW","Central Coast NSW","Byron Bay","Sydney","Sunshine Coast","Newcastle","Darwin","Port Douglas","Adelaide","Perth","Canberra","Cairns","Brisbane","Gold Coast","Melbourne"],
Belgium: ["","Brussels"],
Brazil: ["","Rio de Janeiro"],
Canada: ["","Toronto","Calgary","Edmonton","Montreal","Revelstoke","Ottawa","Halifax","Niagara Falls","Winnipeg","Vancouver","Quebec City","Whistler","Victoria"],
Colombia: ["","Cartagena","Medellín"],
DR: ["","Punta Cana"],
Fiji: ["","Fiji","Denarau"],
France: ["","Paris","Cannes"],
Germany: ["","Berlin"],
Greece: ["","Athens","Crete","Santorini"],
Hungary: ["","Budapest"],
Indonesia: ["","Bali"],
Ireland: ["","Dublin"],
Israel: ["","Jerusalem"],
India: ["","Goa"],
Italy: ["","Rome","Venice","Milan"],
Japan: ["","Kyoto"],
KR: ["","Seoul"],
Macao: ["","Macau"],
Malaysia: ["","Kuala Lumpur"],
Mexico: ["","Cancún","Mazatlán","Puerto Vallarta"],
Netherlands: ["","Amsterdam"],
Philippines: ["","Boracay","Bohol"],
RF: ["","Moscow"],
SUA: ["","Mecca"],
Singapore: ["","Singapore"],
SA: ["","Cape Town"],
Spain: ["","Tenerife","Barcelona","Benidorm","Majorca"],
Sweden: ["","Stockholm"],
Thailand: ["","Bangkok","Koh Samui","Phuket","Pattaya"],
Turkey: ["","Bodrum","Istanbul","Antalya"],
UAE: ["","Dubai"],
UK: ["","Edinburgh","Glasgow","London"],
USA: ["","Boston","Palm Springs","Ocean City","New York City","Nashville","Lake Tahoe","Hot Springs","Grand Canyon National Park Area","Gulf Shores","Galveston","Fort Lauderdale","Virginia Beach","Yosemite","Colorado Springs","Charleston","Cape Cod"," Orlando","Albuquerque","Miami","Myrtle Beach","Hawaii","Las Vegas","Gatlinburg","San Diego","Daytona Beach","Chicago","Branson","Atlantic City","Atlanta","San Antonio","Phoenix","New Orleans"],
Vanuatu: ["","Vanuatu"]
}
function changecat(value) {
if (value.length == 0) document.getElementById("category").innerHTML = "<option></option>";
else {
var catOptions = "";
for (categoryId in mealsByCategory[value]) {
catOptions += "<option>" + mealsByCategory[value][categoryId] + "</option>";
}
document.getElementById("category").innerHTML = catOptions;
}
}
</script>
[submit "Send Me A Free Vacation"]
</div>
<style>
.wpcf7-submit {
margin-top:0px!important;
background: #555555;
width:100%;
color: #FFFFFF;
}
</style>