JSFiddle - React, Tailwind, and code Playground

by Emmanuel Garcia

HTML

<select id="cat">
    <option value="0">select movie</option>
    <option value="http://en.wikipedia.org/">movie 2</option>
    <option value="http://www.techcrunch.com/">movie 3</option>
    <option value="http://www.microsoft.com/">movie 4</option>
</select>
<div>
    <iframe src="about:blank" id="iframeId" frameborder="0" scrolling="yes" width="900" height="600"></iframe>
</div>

JavaScript

$(document).ready(function(){
    $("#cat").change(function(){
        $("#iframeId").attr("src", $(this).val());
    });
});