我将div
设置为“可编辑内容”。在此div
中,有一个table
和不同的td
,而select
和option
。
当我想更改任何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中更改值。
我们非常感谢您的帮助!谢谢!