Question

我想问一下anyonce是否可以帮助我。

我的表格带有下拉列表。我的问题是我使用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>

这是我的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';
}

?>

Answer 1

而不是$('#result').html(data).hide().fadeIn(1);（你为什么称之为隐藏？）

使用

tinymce.get('result').setContent(data);

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

1 个答案: