Php 下拉过滤器在IE中不起作用

我雇了个人在Wordpress上为我建立一个页面。它在谷歌Chrome上运行良好，但在使用Internet Explorer时，我似乎对他在下拉列表中使用的过滤器有问题

这是我的密码。因此，第一个下拉菜单允许用户选择一个国家，第二个下拉菜单允许用户选择一个机场，并在所选国家设置一个过滤器。使用Internet Explorer，这根本不起作用

我在代码中找不到任何错误，但我绝对不是专业人士

global $wpdb;
$country_query = "SELECT a.AirportName, a.AirportCode, c.CountryName, c.CountryCode FROM booking_airport as a LEFT JOIN booking_country as c ON c.CountryCode = a.AirportCountryCode";
$country_info = $wpdb->get_results($country_query);
$countries = array();
foreach($country_info as $country_details) {
    if(!array_key_exists($country_details->CountryCode,$countries)) {
        $countries[$country_details->CountryCode] = $country_details->CountryName;
    }
    $depart_airports[] = "<option value=\"$country_details->AirportCode\" class=\"d_airport $country_details->CountryCode\">$country_details->AirportName</option>";
    $return_airports[] = "<option value=\"$country_details->AirportCode\" class=\"r_airport $country_details->CountryCode\">$country_details->AirportName</option>";
}

<select name="departure_country" id="departure_country" style="padding-left: 1%;">
<option value="0"><?php echo $select_country; ?></option>
<?php
foreach($countries as $k=>$v) {
    echo "<option value=\"$k\">$v</option>";
}
?>
</select>

<select name="departure_airport" id="departure_airport" style="padding-left: 1%;">
<option value="0"><?php echo $select_airport; ?></option>
<?php
foreach($depart_airports as $airport) {
    echo $airport;
}
?>
</select>

---

您可以访问该网站。

造成问题的不是html。问题在于css，我刚刚检查了你的代码，看起来有很多规则只适用于chrome浏览器。在css中，任何以-webkit开头的内容都意味着它只适用于chrome和safari。除此之外，您还必须添加2条其他规则，1条用于-moz-mozilla，另外还有一条标准规则。你正在使用哪个版本的IE？它在IE10+上应该可以正常工作。我还看到您正在使用bootstrap框架，因此您也可以使用bootstrap中的默认功能替换这些功能，然后根据您的需要对其进行修改。

您的问题是，调整出发机场选择列表内容的Javascript正在使用jQueryoption class.hide来隐藏它们。这将添加样式=显示：无；选择

IE不支持显示：选项上无

---

我建议你搜索一下。如何处理这个问题的一个例子是。

回到你雇佣的那个人那里，你可能会遗漏很多相关的代码。你能提供更多吗？@Dagon，这就是问题所在。一旦他收到付款，我就再也没有收到他的信了…@PatrickQ，是的，当然！我看看能不能找到相关的info@PatrickQ，我认为这是所有相关的代码？哇，真的，只是CSS？该死我用的是IE 11。我将尝试修复它。@bobdye是对的，这是一个css错误，但使用jquery解决它可能更好。一种方法是禁用选项，而不是隐藏。CSS禁用、禁用；另一种方法是使用；及.showOption ;；鲍勃，非常感谢你！我明天会看看这个例子。希望它对我有用：