使用Javascript的单选按钮列表，每个列表选项返回自定义文本

我正在为Wordpress定制TinyMCE按钮，部分Javascript代码如下所示：

(function() {
    tinymce.create('tinymce.plugins.Green', {
        init : function(ed, url) {
            ed.addButton('green', {
                title : 'Prompt Text',
                image : url+'/images/btn_green.jpg',
                onclick : function() {                    
                    var prompt_text = prompt("Green Button", "Green Button Text");
                    var caret = "caret_pos_holder";
                    var insert = "<div>" + prompt_text + "</div><span id="+caret+"></span>";
                    if (prompt_text != null && prompt_text != 'undefined')
                    {
                        ed.execCommand('mceInsertContent', false, insert);
                        ed.selection.select(ed.dom.select('span#caret_pos_holder')[0]); //select the span
                        ed.dom.remove(ed.dom.select('span#caret_pos_holder')[0]); //remove the span
                    }
                }
            });
        },
        createControl : function(n, cm) {
            return null;
        },
    });
    tinymce.PluginManager.add('green', tinymce.plugins.Green);
})();

我想删除prompt_text函数，并添加一个单选按钮列表，其中会出现一个窗口，用户可以选择列表中的一个选项。每个列表项都应该有其唯一的插入项。这怎么可能

例如，窗口应该有三个选项的列表：茶、咖啡、水

如果用户选择Coffee，则应插入文本：Coffee唤醒您

---

我对Javascript的了解非常有限，这使我无法解决这个问题。但是，我认为这只有通过创建jQuery表单才能实现？

为此，您需要编写自己的插件。 您应该看看开发人员tinymce构建，并看看源代码，尤其是searchreplace插件。该插件使用tinymce弹出窗口，用户可以选择多个设置。我建议你复制这个插件，根据你的需要调整它，删除所有你不需要的东西