Jquery，如何动态加载iframe的组？

我试图用一个下拉列表动态加载多个iframe，iframe是分组的，这意味着如果我在下拉列表中选择一个项目，它应该显示iframe组，但是我无法让它工作，我是这样编码的：

HTML
<select id="color"> 
<option label="red" id="red" value="http://red></option>
<option class="hide" id="red1" value="http://red1></option>

<option label="blue" id="blue" value="http://blue></option>
<option class="hide" id="blue1" value="http://blue1></option>

</select>

<div><iframe id="iframeId" src=""></iframe></div>
<div><iframe id="iframeId1" src=""></iframe></div>

JQUERY

$(document).ready(function(){
   $("color").change(function(){

   $("#iframeId").attr("src",$("this").attr("color:selected")val());
   $("#iframeId1").attr("src",$("this").attr("color:selected")val());

  });
 });

HTML
JQUERY
$（文档）.ready（函数（）{
$（“颜色”）.change（函数（）{
$（“#iframeId”）.attr（“src”，“this”）.attr（“color:selected”）val（）；
$（“#iframeId1”）.attr（“src”，“this”）.attr（“color:selected”）val（）；
});
});

知道什么地方出了问题吗？

$（文档）.ready（函数（）{
$（“.color”）.change（函数（）{
var check_color=$（this）.children（“：selected”）.attr（“id”）；
勾选（勾选颜色）；
});
var check_select=功能（检查颜色）{
//控制台日志（检查颜色）；
var值_选项=[]；
值\u选项。推送（检查\u颜色）；
$（“.color>option”）。每个（函数（索引、元素）{
变量id_check=$（“#”+检查颜色+索引）.attr（'id'）；
如果（id的类型检查！=“未定义”）{
值\u选项。推送（id\u检查）
}
});
//console.log（值和选项）；
var idframe=[]
$（“iframe”）。每个（函数（值）{
idframe.push（$（this.attr（'id'））；
});
//console.log（idframe）；
//用于更改iframe
对于（var i=0；i
$（文档）.ready（函数（）{
$（“#颜色”）.change（函数（）{
$（“#iframeId”）.attr（“src”，$（“#颜色选项：选定”）.val（）；
$（“#iframeId1”）.attr（“src”，$（“#颜色选项：选定”）.val（）；
});
})；

红色
蓝色
整理@skipperhoa答案中的脚本部分


$（文档）.ready（函数（）{
$（“#颜色”）.change（函数（）{
$（'iframeId'）.attr（'src'，$（this.find（'option:selected'）.val（））；
$（'#iframeId1'）.attr（'src'，$（this）.find（'option:selected'）.next（）.val（））；
});
$（“#颜色”）.change（）；
});
函数addIframe（）{
var src='1〕https://ping.eu/ping/';
$（''）.insertAfter（$（'iframe:last'）.parent（）；
}
函数addIframeBefore（id）{
var src='1〕https://ping.eu/ping/';
$（''）.insertBefore（$（id.parent（））；
}
函数addIframeafter（id）{
var src='1〕https://ping.eu/ping/';
$（''）.insertAfter（$（id.parent（））；
}

谢谢@skipperhoa，您编写的代码看起来只捕获了红色组，完全离开了蓝色组，我希望实现的是，如果选择了红色，iframe将加载“和”，如果选择了蓝色，iframe将加载“和”如果位置不同，则它不起作用，例如：，它不获取id位置sameHi@karan，此代码工作完美，谢谢！如果我想添加更多iframe，该怎么办？更新了用于动态将iframe添加到最后一个，或在任何iframe之前或之后追加的代码。