为什么我的js代码只在mozilla上工作？

nimxete2 于 2021-09-23 发布在 Java

关注(0)|答案(1)|浏览(316)

我创造了 <script> 在我的面前贴上标签 </body> 详情如下:

<script type="text/javascript">
    var select = document.getElementById('empresa')
    var value = select.options[select.selectedIndex].value
</script>

我创建了一个select，在其中插入如下选项：

<select name="empresa" id="empresa">
                      <option onclick="javascript: if(value ==  'none'){
                        document.getElementById('umConvite').style.display = 'none'
                        document.getElementById('doisConvite').style.display = 'none'
                        document.getElementById('tresConvite').style.display = 'none'
                        document.getElementById('quatroConvite').style.display = 'none'
                        document.getElementById('btn-confirmar').style.display = 'none'    
                        }" value="none">-----</option>
                    <option onclick="javascript:
                            if(value == 'Empresa 1'){
                                document.getElementById('umConvite').style.display = 'flex'
                                document.getElementById('umConvite').style.flexDirection= 'column'
                                document.getElementById('doisConvite').style.display = 'none'
                                document.getElementById('tresConvite').style.display = 'none'  
                                document.getElementById('quatroConvite').style.display = 'none' 
                                document.getElementById('btn-confirmar').style.display = 'flex'        
                            }
                            " value="Empresa 1">Empresa 1</option>
                    <option onclick="if(value ==  'Empresa 2'){
                        document.getElementById('doisConvite').style.display = 'flex'
                        document.getElementById('doisConvite').style.flexDirection= 'column'
                        document.getElementById('umConvite').style.display = 'none'
                        document.getElementById('tresConvite').style.display = 'none'
                        document.getElementById('quatroConvite').style.display = 'none'
                        document.getElementById('btn-confirmar').style.display = 'flex'
                        }" value="Empresa 2">Empresa 2</option>
</select>

这个 Mozilla Firefox 工作正常，但在chrome和safari中不工作，我如何解决这个问题？

JavaScript Html

来源：https://stackoverflow.com/questions/68317589/why-is-my-js-code-working-only-on-mozilla

1条答案

按热度按时间

mwg9r5ms1#

您可以在不使用任何javascript代码和select标记的触发器更改事件的情况下定义select选项，并检查您的条件：

var select = document.getElementById("empresa");
        select.addEventListener('change', function (e) {
            func(e);
        });
        function func(e) {
            debugger
            if (e.target.value == 'none') {
                alert("none");
                //document.getElementById('umConvite').style.display = 'none'
                //document.getElementById('doisConvite').style.display = 'none'
                //document.getElementById('tresConvite').style.display = 'none'
                //document.getElementById('quatroConvite').style.display = 'none'
                //document.getElementById('btn-confirmar').style.display = 'none'
            }
            else if (e.target.value == 'Empresa 1') {
                alert("Empresa 1");
                //document.getElementById('umConvite').style.display = 'flex'
                //document.getElementById('umConvite').style.flexDirection = 'column'
                //document.getElementById('doisConvite').style.display = 'none'
                //document.getElementById('tresConvite').style.display = 'none'
                //document.getElementById('quatroConvite').style.display = 'none'
                //document.getElementById('btn-confirmar').style.display = 'flex'
            }
            else if (e.target.value == 'Empresa 2') {
                alert("'Empresa 2'")
                //document.getElementById('doisConvite').style.display = 'flex'
                //document.getElementById('doisConvite').style.flexDirection = 'column'
                //document.getElementById('umConvite').style.display = 'none'
                //document.getElementById('tresConvite').style.display = 'none'
                //document.getElementById('quatroConvite').style.display = 'none'
                //document.getElementById('btn-confirmar').style.display = 'flex'
            } 
        }

<select name="empresa" id="empresa">
        <option  value="none">
            -----
        </option>
        <option value="Empresa 1">
            Empresa 1
        </option>
        <option value="Empresa 2">
            Empresa 2
        </option>
    </select>

请注意，因为我没有完整的html（包含 umConvite, doisConvite .. ids）我只是在每种情况下显示警报。

展开查看全部

赞(0）回复(0）举报 2021-09-23

我来回答

为什么我的js代码只在mozilla上工作？

1条答案

相关问题

热门标签

最新问答