Question

我正在使用以下功能来控制一些选择选项。它在ff和chrome方面效果很好，但在ie和safari中却没有。

$( "#option_{/literal}{$product.product_id}{literal}_1251" ).change(function()  { //sp
    if(4272 == $(this).val()){

    $("#option_{/literal}{$product.product_id}{literal}_1251 option[value='4350']").hide();
    $("#option_{/literal}{$product.product_id}{literal}_1253").prop('selectedIndex',2);
    $("#option_{/literal}{$product.product_id}{literal}_1255").prop( "checked", false );
    $("#option_{/literal}{$product.product_id}{literal}_1253 option[value='4357']").hide();
    $("#option_{/literal}{$product.product_id}{literal}_1253 option[value='4330']").hide();
    $("#option_{/literal}{$product.product_id}{literal}_1253 option[value='4282']").hide();
    $("#option_{/literal}{$product.product_id}{literal}_1253 option[value='4283']").hide();
    $("#option_{/literal}{$product.product_id}{literal}_1253 option[value='4284']").hide();
    $("#option_{/literal}{$product.product_id}{literal}_1253 option[value='4285']").hide();
    $("#option_{/literal}{$product.product_id}{literal}_1253 option[value='4286']").hide();
    $("#option_{/literal}{$product.product_id}{literal}_1253 option[value='4287']").hide();
    $("#option_{/literal}{$product.product_id}{literal}_1253 option[value='4288']").hide();
    $("#option_{/literal}{$product.product_id}{literal}_1253 option[value='4330']").show();
    $("#option_{/literal}{$product.product_id}{literal}_1253 option[value='4282']").show();
    $("#option_{/literal}{$product.product_id}{literal}_1255").hide();

    }
});

有没有办法让这个功能在其他浏览器中运行？有什么想法吗？

Answer 1

我一直在寻找类似问题的答案。我们有一个大型的动态表单，可以在您点击它时显示/隐藏页面。在Chrome和FF中，它首先在所有页面上使用hideAll，然后在活动页面上使用show（）。

不幸的是它在IE（10,11 / edge）或Safari中不起作用。 IE会抛出一些奇怪的500错误（这可能与我们正在使用的Wakanda系统有关），但safari在控制台中没有显示任何内容 - 它似乎忽略了显示调用。

我可能会尝试使用remove（）和append（），尽管我可能更好地添加/删除一个具有display：none和display：block的类。这也可能是你的解决方案。

干杯

编辑：刚才意识到你无法在选择列表中显示：无选项....所以道歉浪费你的时间：P

Jquery隐藏/显示不在ie和safari中工作

1 个答案: