
<div id="shipping">
    <p>Start typing the name of a European country</p>
    
    <label for="country">Shipping countries:</label>
    
    @(Html.Kendo().AutoComplete()
          .Name("country")
          .Filter("startswith")
          .Placeholder("Select country...")
          .BindTo(new string[] {
                "Albania",
				"Andorra",
				"Armenia",
				"Austria",
				"Azerbaijan",
				"Belarus",
				"Belgium",
				"Bosnia & Herzegovina",
				"Bulgaria",
				"Croatia",
				"Cyprus",
				"Czech Republic",
				"Denmark",
				"Estonia",
				"Finland",
				"France",
				"Georgia",
				"Germany",
				"Greece",
				"Hungary",
				"Iceland",
				"Ireland",
				"Italy",
				"Kosovo",
				"Latvia",
				"Liechtenstein",
				"Lithuania",
				"Luxembourg",
				"Macedonia",
				"Malta",
				"Moldova",
				"Monaco",
				"Montenegro",
				"Netherlands",
				"Norway",
				"Poland",
				"Portugal",
				"Romania",
				"Russia",
				"San Marino",
				"Serbia",
				"Slovakia",
				"Slovenia",
				"Spain",
				"Sweden",
				"Switzerland",
				"Turkey",
				"Ukraine",
				"United Kingdom",
				"Vatican City"
          })
          .Separator(", ")
    )
</div>

<style scoped="scoped">

    .k-autocomplete
    {
        width: 250px;
    }

</style>