下拉列表和Javascript

根据所选时区获取时间：

我有一个JS函数，它将时区作为参数，并返回该时区中的当前时间

function worldClock(zone) {
    var time = new Date()
    var gmtMS = time.getTime() + (time.getTimezoneOffset() * 60000)
    var gmtTime = new Date(gmtMS)

    var hr = gmtTime.getHours() + zone
    var min = gmtTime.getMinutes()
    var sec = gmtTime.getSeconds()

    if (hr < 10){
    hr = "0" + hr
    }
    if (min < 10){
    min = "0" + min
    }
    if (sec < 10){
    sec = "0" + sec
    }
    return hr + ":" + min + ":" + sec;
};

功能世界时钟（区域）{
变量时间=新日期（）
var gmtMS=time.getTime（）+（time.getTimezoneOffset（）*60000）
var gmtTime=新日期（gmtMS）
var hr=gmtTime.getHours（）+区域
var min=gmtTime.getMinutes（）
var sec=gmtTime.getSeconds（）
如果（小时<10）{
hr=“0”+小时
}
如果（最小值<10）{
最小值=“0”+最小值
}
如果（第10节）{
秒=“0”+秒
}
返回hr+“：”+min+“：”+sec；
};

我还有一个下拉列表，其中列出了城市及其时区作为一个值

 <select name="city">
        <option value="-4">Toronto</option>
        <option value="2">Stokholm</option>
        <option value="-5">New-York</option>
      </select>

多伦多
斯托科姆
纽约

我需要在选择某个城市时调用worldClock（）函数；将下拉列表中的值作为参数传递，并显示结果值和城市名称：Toronto:04:52:16；如何实现这一点？

添加一次更改事件：

功能世界时钟（区域）{
变量时间=新日期（）
var gmtMS=time.getTime（）+（time.getTimezoneOffset（）*60000）
var gmtTime=新日期（gmtMS）
var hr=gmtTime.getHours（）+区域
var min=gmtTime.getMinutes（）
var sec=gmtTime.getSeconds（）
如果（小时<10）{
hr=“0”+小时
}
如果（最小值<10）{
最小值=“0”+最小值
}
如果（第10节）{
秒=“0”+秒
}
var输出=hr+“：”+min+“：”+sec；
控制台日志（输出）；
返回输出；
};

多伦多
斯托科姆
纽约
当事件监听器发生变化时，在select上添加一个事件监听器。获取所选选项并将值传递给函数shortest simplest way:
。我很惊讶你不能通过快速的研究发现这一点。处理从下拉列表中选择选项是一个非常常见的要求，过一会儿您就会发现一个示例。如果你想用一种稍微更新一点的方式来做事情，可以考虑使用不引人注目的事件处理程序