下拉更改事件的jQuery不填充textarea_Jquery_Ajax_Tinymce

下拉更改事件的jQuery不填充textarea

jquery ajax tinymce

下拉更改事件的jQuery不填充textarea,jquery,ajax,tinymce,Jquery,Ajax,Tinymce,我想问问是否有人能帮我我有一个带有下拉列表的表格。我的问题是我使用TinyMCE作为编辑器当我在下拉列表中选择一个项目时，它不会填充TinyMCE textarea，但另一个textarea由jQuery打开这是我的代码，谁能帮我修改一下，这样下拉列表的结果就会显示在TinyMCE编辑器上非常感谢 <html> <head> <script src="http://code.jquery.com/jquery-latest.js"

我想问问是否有人能帮我

我有一个带有下拉列表的表格。我的问题是我使用TinyMCE作为编辑器

当我在下拉列表中选择一个项目时，它不会填充TinyMCE textarea，但另一个textarea由jQuery打开

这是我的代码，谁能帮我修改一下，这样下拉列表的结果就会显示在TinyMCE编辑器上

非常感谢

<html>
    <head>

        <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script><br />
        <script type="text/javascript">
            $(document).ready(function () {
                $('#select').change(function () {
                    var option = $(this).val();
                    $.get('select.php', {select: option}, function (data) {
                        $('#result').html(data).hide().fadeIn(1);
                    });
                });
            });
        </script>

        <script type="text/javascript" src="../jscripts/tiny_mce/tiny_mce.js"></script>
        <script type="text/javascript">
            tinyMCE.init({mode: "textareas", editor_selector: "mceEditor"});

            $(document).ready(function () {
                $('form').submit(function ()
                {

                    alert(tinyMCE.get('result').getContent());

                });
            });

        </script>

    </head>

    <select name="select" id="select">
        <option value="">Select</option>
        <option value="option1">Option 1</option>
        <option value="option2">Option 2</option>
        <option value="option3">Option 3</option>
        <option value="option4">Option 4</option>
        <option value="option5">Option 5</option>
    </select>

    <form id="ajax-form" class="autosubmit" method="POST" action="">
        <textarea class="mceEditor" id="result" name="notes"/></textarea>
        <input type="submit">
    </form>




$（文档）.ready（函数（）{
$（'#select'）。更改（函数（）{
var option=$（this.val（）；
$.get（'select.php'，{select:option}，函数（数据）{
$（'#result'）.html（data.hide（）.fadeIn（1）；
});
});
});
init（{模式：“textareas”，编辑器选择器：“mceEditor”}）；
$（文档）.ready（函数（）{
$（'form'）。提交（函数（）
{
警报（tinyMCE.get（'result'）.getContent（））；
});
});
挑选
选择1
选择2
选择3
选择4
备选案文5

以下是获取数据的PHP：

<?php

if($_GET['select'] == 'option1') {
    echo 'the option you have chosen is 1';
} elseif($_GET['select'] == 'option2') {
    echo 'the option you have chosen is 2';
} elseif($_GET['select'] == 'option3') {
    echo 'the option you have chosen is 3';
} elseif($_GET['select'] == 'option4') {
    echo 'the option you have chosen is 4';
} elseif($_GET['select'] == 'option5') {
    echo 'the option you have chosen is 5';
}

?>


而不是$（'#result'）.html（data.hide（）.fadeIn（1）（为什么称为隐藏在这里？）
使用
而不是$（'#result'）.html（data.hide（）.fadeIn（1）（为什么称为隐藏在这里？）
使用
使用tinyMCE的setContent
功能tinyMCE.activeEditor.setContent（您的内容）
@Shahid你能帮我编辑我的代码或示例吗谢谢。不要在$中选择select.php
。获取
写下你的php文件的完整URL。使用{'select'：option}
而不是{select:option}
。我不知道$（'#result'）.html（data.hide（）.fadeIn（1）的用途但是在那里你可以使用tinyMCE.activeEditor.setContent（你的内容）
@shahid，你的建议对我有效，但我不能给你信用，因为你给出的答案是评论。对不起，你的建议很有效。谢谢，朋友。使用tinyMCE的setContent
功能tinyMCE.activeEditor.setContent（您的内容）
@Shahid你能帮我编辑我的代码或示例吗谢谢。不要在$中选择select.php
。获取
写下你的php文件的完整URL。使用{'select'：option}
而不是{select:option}
。我不知道$（'#result'）.html（data.hide（）.fadeIn（1）的用途但是在那里你可以使用tinyMCE.activeEditor.setContent（你的内容）@shahid，你的建议对我有效，但我不能给你信用，因为你给出的答案是评论。对不起，你的建议很有效。谢谢你，朋友。
tinymce.get('result').setContent(data);