How to populate one dropdown list based on selection in another dropdown list

I have 2 dropdown lists. One is named City and the other is State. I want to populate the City with a list of specific cities based and the selected State. I have read several posts in the discussions and I have used the codes in them. However, the validation keeps rejecting the code saying there is an error in the code. I can't see where there is an error. Here is the code:

if(event.value == " ")

this.getField("Trip.Origin.State.Row1").setItems([" "]);

//Illinois

else if(event.value == "IL")

this.getField("Trip.Origin.State.Row1").setItems([" "]);

//Indiana

else if(event.value == "IN")

this.getField("Trip.Origin.State.Row1").setItems(["Butler",”Burns Harbor”,"Crawfordsville","East Chicago"]);

//Kentucky

else if(event.value == "KY")

this.getField("Trip.Origin.State.Row1").setItems(["Ghent"]);

//Michigan

else if(event.value == "MI")

this.getField("Trip.Origin.State.Row1").setItems(["Monroe"]);

//Ohio

else if(event.value == "OH")

this.getField("Trip.Origin.State.Row1").setItems(["Cleveland",”Coshocton”,"Cuyahoga Heights",”Middletown”,"Newburgh Heights",”Zanesville”]);

//Pennsylvania

else if(event.value == "PA")

this.getField("Trip.Origin.State.Row1").setItems([“Butler”,"Sharon","Wheatland"]);

else this.getField("Trip.Origin.State.Row1").clearItems();