代表选择下拉列表</span>在<span>中包装选定的文本

Question

我有一个编辑区域的下拉列表。我必须在所选文本周围选择任何列表项时添加<span>。我为此制作了样式。但它不起作用。 注意：我没有使用任何插件。

document.write( '<select id="markup" onchange="createEditor( this.value );">' );
            var markup = ['Person','Event','Place'];
            for ( var i = 0 ; i < markup.length ; i++ )
            {
                document.write(
                    '<option value="' + markup[i] + '">' +
                        markup[i] +
                    '</option>' );
            }
            document.write( '</select>' );
var editor;
                function createEditor( selected )
                {
                    if ( editor )
                    editor.destroy();
          /*        CKEDITOR.stylesSet.add( 'my_styles',
[
{ name : 'Span1', element : 'span', attributes : { 'itemprop' : 'prop' } },
{ name : 'Span2', element : 'span', attributes : { 'itemscope' : '' , 'itemtype' : 'type' } }
]);         */
                    editor = CKEDITOR.replace( 'editor1',
                        {
                        style : new CKEDITOR.style(
                        {
                            element : 'span',
                            attributes : {  'itemprop' :  'prop' },
                        }),
                        style1 : new CKEDITOR.style(
                        {
                            element : 'span',
                            attributes : { 'itemscope' : '' , 'itemtype' : 'type'  },
                        }),
                            on :
                          {
                                instanceReady : function()

                              {
                                   //  config.stylesSet = 'my_styles';
                                    var mark = document.getElementById( 'markup' );   
this.style.apply(editor.getSelection().getSelectedText());
                                //  this.style1.apply(editor.document);

                                }
                            }
                        } );
                }
                createEditor( '' );

            </script>

请帮助任何人在选择下拉列表列表项目的<span>中包装所选文本。