当用户尝试更改span的文本时，如何在contentEditable span / div项目上显示下拉列表

Question

我有一个contentEditable span元素定义为：

<span contentEditable={this.props.enableEditColumn} onKeyPress={this.checkInput.bind(this,columnDef)}>
                    {displayContent}
</span>

checkInput函数负责检查是否可以输入数字或字母。 在下图中，突出显示的“Holmes”是可编辑的。如果我输入另一个字符，或删除并开始输入，我需要能够在下拉列表中显示一个名称列表，该列表应该弹出。

，

然后，所选值将成为span / div文本。

任何建议将不胜感激。谢谢！

Answer 1

试一试https://www.w3schools.com/w3css/tryit.asp?filename=tryw3css_dropdown_hover 但我无法理解你想要什么。 我想这可能对你有帮助，只需再发一次。 注意：我是巴西人，我使用谷歌翻译