<iframe> получает SRC от <select>, но использует кнопку отправки

Question

http://communitychessclub.com/blog.php (Это решение было дано в предыдущей публикации, но требуется кнопка отправки, когда я подозреваю, что javascript mouseup сработает.)

Можно ли решить эту проблему?

<script>
document.getElementById("dynamic_selection").addEventListener('change', function()
{
submitted_1();
});
</script>


<script>
function submitted_1(){
link = document.getElementById("dynamic_selection").value;
document.getElementById("movie").src = "https://www.youtube.com/embed/"+link+"?VQ=HD1080&rel=0&amp;showinfo=0";
}
</script>

<div style = "display:table; margin:2rem auto">

<form onsubmit="return false;">

<select id="dynamic_selection">
<option value="" selected>Music</option>
<option value="bnpRjLfr-yU">The Dangerous Type - The Police Cars &#9836; 
</option>
<option value="VUcBDUIeOFU">Mr. Fingers Mystery Of Love</option>
<option value="zoQ5vy9krOY">Sleepwalk - New version of Shadows Classic</option>
<option value="WdSHmipA0uc">Peter Tosh - That's What They Will Do &#9836;</option>
<option value="YrpL4n_wonY">Ram Jam - Black Betty</option>

</select> <button onclick="submitted_1()">Submit</button>
</form>

</div>

Answer 1

Итак, вы хотите, чтобы новый фильм показывался, когда вы выбрали его в своем <select>?

. Вы можете попробовать:

document.getElementById("dynamic_selection").addEventListener('change', function()
{
submitted_1();
});

Теперь submitted_1() вызывается всякий раз, когдаВы вводите / выбираете новое значение, и кнопка вам не нужна.

Примечание. Событие change не срабатывает, пока вы не потеряете фокус на select.