Question

嗨朋友我是php的新手，我的疑问是我只是在这个选择选项中使用mysql脚本创建一个选择选项它每次更改选项选项时都有五个值，将显示相应的结果，但值是在ckeditor textarea中没有显示。请帮我看看如何使用ckeditor.Thanks提前显示选择选项值。

<script type="text/javascript">
    $(document).ready(function() {
        $("#parent").change(function() {
            var id=$("#parent").val();
            var dataString = 'id='+ id;
            $.ajax({
                type: "POST",
                url: "try_ajax.php",
                data: dataString,
                cache: false,
                success: function(html) {
                    $("#size").html(html);
                }
            });
        });
    });
</script>

Ajax Page是

<?php
    include("connect.php");
    echo $_POST['id'];
    $erow=mysql_fetch_array($esql);
?>
<html>
    <head>
    </head>
    <body>
        <textarea class="ckeditor" name="ck" cols="40" rows="10" ><?php echo  $erow['contact_details']; ?></textarea>
    </body>
</html>

下拉列表与之相似

<select id="parent">
<option value="">select</option>
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</select>

Answer 1

您的ajax响应是一个完整的HTML页面。你只需要返回类似的东西：

<?php
$sizes = [10, 20, 30]; // get the data from DB.
foreach($sizes as $sz)
    echo "<option value='$sz'>$sz</option>";
?>

如果'#size'是一个下拉列表元素（即HTML选择），这将对您有所帮助。

此外，您可以从服务器呈现JSON数据，然后您可以使用JavaScript填充HTML元素中的JSON数据。

您需要阅读有关AJAX / JSON的更多信息。

Answer 2

我创建此代码以从服务器获取数据并在下拉列表中填充它们。这只是一个例子，你需要调整它以适合你的情况：

<?php
if(isset($_GET['ajax'])) {
    $sizes = [10=>'Ten', 20=>'Twenty', 30=>'Thirty']; // get the data from DB.
    foreach($sizes as $sz)
        echo "<option value='$sz'>$sz</option>";
    exit;
}
?>
<html>
    <head>
    </head>
    <body>
        <select id="parent">
            <option value="">select</option>
            <option value="1">One</option>
            <option value="2">Two</option>
            <option value="3">Three</option>
        </select>
    </body>

    <script src="https://code.jquery.com/jquery-2.1.4.min.js" ></script>
    <script>
    jQuery(document).ready(function () {
        $("#parent").change(function() {
            var id=$("#parent").val();
            var dataString = 'id='+ id;
            $.ajax({
                type: "POST",
                url: "?ajax=1",
                data: dataString,
                cache: false,
                success: function(html) {
                    $("#parent").html(html);
                }
            });
        });
    });
    </script>
</html>

我没有使用JSON来简化它。我希望这会有所帮助:)。我从同一页面获取数据（网址：“？ajax = 1”），您可以使用您想要的内容，例如（url：“try_ajax.php”）。

如何使用选择方法

2 个答案: