在 React 中的光标位置从 select 添加一个名称标签到 textarea

Posted

技术标签:

【中文标题】在 React 中的光标位置从 select 添加一个名称标签到 textarea【英文标题】:Add a name tag from select to textarea at cursor position in React 【发布时间】:2021-11-16 13:01:19 【问题描述】:

我是 Reactjs 的新手,遇到下图这样的问题

我希望当我将 textarea 聚焦在“先生”后面并单击 $name 时,textarea 将是这样的:

如果有人做过类似的事情请给我提示,非常感谢!

【问题讨论】:

【参考方案1】:

我已经使用 jQuery 完成了这项工作。这是我的解决方案。

$("#my-select").on("change", function()
    var selectedValue = $(this).val();

    var text = $("#my-textarea").val();

    var newText = text + selectedValue;

    $("#my-textarea").val(newText);
);

【讨论】:

以上是关于在 React 中的光标位置从 select 添加一个名称标签到 textarea的主要内容,如果未能解决你的问题,请参考以下文章

js selection range 插入空节点后怎么调整光标位置?

在inputtextarea光标处添加字符串

在光标处插入反应

如何从 RichTextBox 中的光标位置选择前一个字符

js中,为可编辑div添加表情后如何光标移至最后

如何更改 TextInput 上的光标位置? (反应原生)