Javascript 如何在html中使用onclick事件<;选择>;

Javascript 如何在html中使用onclick事件<;选择>;,javascript,html,google-chrome,video,safari,Javascript,Html,Google Chrome,Video,Safari,我的博客上有一个视频转换器,可以使用onclick在youtube上更改视频。但在Safari&Chrome中使用select标记是行不通的 我已经阅读了很多关于如何做这件事的其他问题,但是我没有运气使用onchange和select标记将其转换为工作 我是javascript新手 顺便说一句,当插入JSFIDLE、pastebin或任何其他服务时,我还没有让它工作 但是如果你把它粘贴到不同的电影名称上,看看我说的是什么意思,它确实会起作用 但基本上,我需要这个来处理select标记,而不是sp

我的博客上有一个视频转换器,可以使用onclick在youtube上更改视频。但在Safari&Chrome中使用select标记是行不通的

我已经阅读了很多关于如何做这件事的其他问题,但是我没有运气使用onchange和select标记将其转换为工作

我是javascript新手

顺便说一句,当插入JSFIDLE、pastebin或任何其他服务时,我还没有让它工作

但是如果你把它粘贴到不同的电影名称上,看看我说的是什么意思,它确实会起作用

但基本上,我需要这个来处理select标记,而不是span标记

<div id='Trailer5' style='display:none'><iframe width='700' height='430' src='http://www.youtube-nocookie.com/embed/vEO9iLWBWvw?theme=light&amp;version=3&amp;rel=0&amp;ps=blogger&amp;iv_load_policy=3&amp;showinfo=0' frameborder='0' allowfullscreen></iframe><h3>July 12th, 2013</h3></div>
<div id='Trailer10' style='display:none'><iframe width='700' height='430' src='http://www.youtube-nocookie.com/embed/Fkbm8a40TC4?theme=light&amp;version=3&amp;rel=0&amp;ps=blogger&amp;iv_load_policy=3&amp;showinfo=0' frameborder='0' allowfullscreen></iframe><h3>June 20th, 2014</h3></div>
<span onclick='return playVideo("Trailer5","videoPlayback")'>Terms and Conditions may Apply</span><br/>
<span onclick='return playVideo("Trailer10","videoPlayback")'>How to Train your Dragon 2</span>
<div id='videoPlayback'><iframe width='700' height='430' src='http://www.youtube-nocookie.com/embed/Fkbm8a40TC4?theme=light&amp;version=3&amp;rel=0&amp;ps=blogger&amp;iv_load_policy=3&amp;showinfo=0' frameborder='0' allowfullscreen></iframe></div></br><h3>Movie "in Theaters" Date Shown Here</h3></div>
<script type='text/javascript'>function playVideo(a,b){"string"==typeof a&&(a=document.getElementById(a));"string"==typeof b&&(b=document.getElementById(b));b.innerHTML=a.innerHTML;return!1}</script></div>
2013年7月12日
2014年6月20日
条款和条件可能适用
如何训练你的龙2
此处显示的电影“影院”日期 函数playVideo(a,b){“string”==typeof a&&(a=document.getElementById(a));“string”==typeof b&(b=document.getElementById(b));b.innerHTML=a.innerHTML;return!1}
在线演示:

您可以使用此选项,而不是SPAN标记

<select onChange="playVideo(this)">
    <option value="Trailer5">Terms and Conditions may Apply</option>
    <option value="Trailer10">How to Train your Dragon 2</option>
</select>

条款和条件可能适用
如何训练你的龙2
脚本必须这样修改

<script type='text/javascript'>
    function playVideo(a)
    {
        a = document.getElementById(a.value);
        b = document.getElementById("videoPlayback");
        b.innerHTML = a.innerHTML;
    }
</script>

功能播放视频(a)
{
a=document.getElementById(a.value);
b=document.getElementById(“视频回放”);
b、 innerHTML=a.innerHTML;
}