Javascript 使用下拉菜单运行mysql查询

我目前正在使用onclick操作来运行位于域内其他网页上的mysql查询。然后，这些查询将显示在发生onclick的页面上的iframe中。代码按原样工作，但我一直在想是否有办法通过下拉菜单运行它们。我不需要帮助建立菜单。我认为这会给我更多的灵活性，但我还没有遇到任何好的例子来说明如何使用它。我不想让任何人为我编写代码，但如果我能获得一个好的教程或其他资源，我将不胜感激。我在这里包含了我的代码，以防它能帮助我找到解决方案

<div class="center">
<p>
 <button onclick="myFunction1()">Illustrators</button>
 <button onclick="myFunction2()">Tech Writers</button>
 </p>
</div>

<script>
var iframeExists = false;

 function myFunction1() {
 var x
 if (!iframeExists) {
  x = document.createElement("IFRAME");
  iframeExists = true;
 } else {
  x = document.getElementsByTagName("IFRAME")[0];
 }
 x.setAttribute ("src", "http://www.oldgamer60.com/Project/Illustrators.php");
 document.body.appendChild(x);
 }

function myFunction2() {
var x;
if (!iframeExists) {
  x = document.createElement("IFRAME");
  iframeExists = true;
} else {
  x = document.getElementsByTagName("IFRAME")[0];
}
x.setAttribute("src", "http://www.oldgamer60.com/Project/TechWriters.php");
document.body.appendChild(x);
}
</script>

插图画家
科技作家

var iframeExists=false；
函数myFunction1（）{
变量x
如果（！iframe存在）{
x=document.createElement（“IFRAME”）；
iframeExists=true；
}否则{
x=document.getElementsByTagName（“IFRAME”）[0]；
}
x、 setAttribute（“src”http://www.oldgamer60.com/Project/Illustrators.php");
文件.正文.附件（x）；
}
函数myFunction2（）{
var x；
如果（！iframe存在）{
x=document.createElement（“IFRAME”）；
iframeExists=true；
}否则{
x=document.getElementsByTagName（“IFRAME”）[0]；
}
x、 setAttribute（“src”http://www.oldgamer60.com/Project/TechWriters.php");
文件.正文.附件（x）；
}

您可以使用select change事件尝试jquery

$("#dropdownID").change(function(){
    if(yourcondition){
       //run query or call query in another function
    }else{
       //run query or call query in another function
    }
});

---

那么我该把这个放在哪里呢？我已经为每个按钮提供了单独的函数，即函数myFunction1（）、函数myFunction2（），您可以将此脚本添加到标签中的页面上，但请确保在调用itright之前文档已准备就绪。现在，onclick事件触发my sql，该sql加载在my域中的单独页面上，然后调用到iframe中，因此这不是问题。我已经将每个函数设置为使用相同的iframe。我已经在为每个函数运行if/else以使用iframe。我不知道如何用它来取代我的建议。