Drop down menu 多选下拉菜单并直接指向链接

我正在寻找JavaScript或jquery中的自定义下拉菜单

<form name="menu">
<select ONCHANGE="location = this.options[this.selectedIndex].value;">

   <option value="" selected="selected">Courses</option>

   <option value="http://www.google.com">Course1</option>
   <option value="http://www.youtube.com">Course2</option>
   <option value="http://www.yahoo.com">Course3</option>
                 </select>

    <select ONCHANGE="location = this.options[this.selectedIndex].value;">

   <option value="" selected="selected">Location</option>

   <option value="http://www.google.com">Location1</option>
   <option value="http://www.youtube.com">Location2</option>
   <option value="http://www.yahoo.com">Location3</option>
                 </select>
</form>

http://jsfiddle.net/kundansingh/d4FEV/2/

课程
课程1
课程2
课程3
地方
地点1
地点2
地点3
http://jsfiddle.net/kundansingh/d4FEV/2/

在这种情况下，如果我选择任何一门课程，然后选择它应该重定向到特定url的位置，那么对于每门课程，都会有不同的位置，url将遵循以下步骤：

只需将值（url）作为参数传递给javascript函数

在javascript函数中获取该值

重定向url（可能使用window.location.assign（url）函数）`