跨浏览器兼容的Javascript或jQuery，用于添加选项以选择元素

我需要创建一个条件select语句，当且仅当从另一个select语句中选择的值不等于0时，该语句才会显示一组值。我尝试了一些使用display:none的基本Javascript，但似乎找不到使其在所有浏览器之间交叉兼容的正确组合。我需要使用jQuery吗？不幸的是，我只有一些基本的Javascript技能，所以我可能错过了一些基本的东西

火车站 没有一个 消防局1 消防局2 消防局3 消防局4 消防局5 消防局6 消防局7 消防局8 消防局9 类别 选一个 公司运营警报 **仪器问题 **设备通告 **电台广播 **车站维护

---

是的，使用jQuery，您的js将如下所示：

$('#station').on('change', function() {
    var seln = $(this).val();
    if (seln != 0) {
        $('#category').show();
    } else {
        $('#category').hide();
    }
});

如果希望ajax请求加载第二个类别，请选择框：

$('#station').on('change', function() {
    var seln = $(this).val();
    if (seln != 0) {
        $.ajax({
            url: "ajax_url.php",
            type: "GET",
            data: "station=" + seln
        }).done(function(a) {
            $('#category').html(a).show();
        });
        $('#category').show();
    } else {
        $('#category').hide();
    }
});

---

您必须根据自己的具体要求对上述代码进行一些更改。

因此，您需要的是根据第一次选择中的选项在第二次选择中显示选项？隐藏选项不能以技术上有效的跨浏览器方式进行。有一些变通方法，例如，但我不太愿意在未来的浏览器中信任它们。最好在JS数组中的某处保留一个选项列表，并在条件合适时将它们添加到select中。