HTML 5 Canvas Combo Box

Hi,

I need to create a simple drop down menu that when a certain option is selected it takes you to a certain frame.

So for example when Location 1 is selected from the drop down menu it goes and stops at frame 21.

I have the code in AS3 but it needs to work in HTML5 Canvas and I have very little experience working with JS.

Is someone able to help ??

Here is my AS3 code:

stop();

combobox.addItem( { label: "Please choose a location" } );

combobox.addItem( { label: "Location1" } );

combobox.addItem( { label: "Location2" } );

combobox.addItem( { label: "Location3" } );

combobox.addItem( { label: "Location4" } );

combobox.addEventListener (Event.CHANGE, changelocation);

  function changelocation (event:Event) :void{

  if (combobox.selectedItem.label == "Location1") gotoAndStop (21);

  if (combobox.selectedItem.label == "Location2") gotoAndStop (22);

  if (combobox.selectedItem.label == "Location3") gotoAndStop (23);

  if (combobox.selectedItem.label == "Location4") gotoAndStop (24);

  }