Question

我目前正在使用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>

Answer 1

您可以使用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
    }
});

使用下拉菜单运行mysql查询

1 个答案: