Firefox中contenteditable div中的选择选项问题

时间:2019-03-25 16:55:58

标签: javascript jquery html google-chrome firefox

我将div设置为“可编辑内容”。在此div中,有一个table和不同的td,而selectoption

当我想更改任何select的选择时,它在Firefox中不起作用。它突出显示/标记所选的select项目。

在Chrome中运行正常。我可以更改select的值。

没有尝试任何操作,因为这确实很奇怪。在Chrome浏览器中,我可以选择。恐怕我不知道从哪里开始解决问题。

<div class="dokuBaustein " title="" id="dokutext_10" contenteditable>   
    This text is editable

    <table class="outerTable noBorder" cellspacing="0" cellpadding="0" contenteditable="false"">
        <tbody>
            <tr>
                <td class="noBorder">

                    <table class="innerTable noBorder">
                        <tbody>
                            <tr>
                                <td class="noBorder">
                                    <select id="bewegungSelect" class="transparent">
                                        <option>Opt 1</option>
                                        <option>Opt 2</option>
                                    </select>
                                </td>
                                <td id="gradGelenk" class="noBorder">
                                    <select id="gelenkSelect" class="transparent">
                                        <option>Opt 1</option>
                                        <option>Opt 2</option>
                                    </select>
                                </td>
                                <td id="gradZahl" class="noBorder">
                                    <select id="gradSelect" class="transparent">
                                        <option>Opt 1</option>
                                        <option>Opt 2</option>
                                    </select>
                                </td>
                                <td id="gradZahl" class="noBorder">
                                    <select id="seiteSelect" class="transparent">
                                        <option>Opt 1</option>
                                        <option>Opt 2</option>
                                    </select>
                                </td>
                            </tr>
                        </tbody>
                    </table>

                </td>
            </tr>
        </tbody>
    </table>    
    This is also editable
</div>

这是一个工作的小提琴:https://jsfiddle.net/o3vd8kcu/2/

结果应该是我也可以在Firefox中更改值。

我们非常感谢您的帮助!谢谢!

0 个答案:

没有答案