php - 如何通过选择的选项更改文本区域的值?

标签 php html mysql forms

我正在尝试根据当前选择的选项更改内容。

getData(page) 正确返回 (onChange) 但它只是没有转到变量 我得到“ fatal error :调用 C:\xampp\htdocs\pdimi\admin\中的未定义函数 getData() editpages.php 第 42 行”

编辑:这就是我完成它的方式!

Javascript:

<script language="JavaScript" type="text/javascript">
function getData(combobox){
var value = combobox.options[combobox.selectedIndex].value;
// TODO: check whether the textarea content has been modified.
// if so, warn the user that continuing will lose those changes and
// reload a new page, and abort function if so instructed.
document.location.href = '?page='+value;
}
</script>

选择表格:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<select name="page" onChange="getData(this)">
    <?php
if (isset($_REQUEST['page']))
    $page = mysql_real_escape_string($_POST['page']);
else
    $page = '';
$query = "SELECT pageid FROM pages;";
?>
<option value="select">Select Page</option>
    <option value="indexpage">Index Page</option>
    <option value="starthere">Start Here</option>

    </select>

文本区域:

<textarea class="ckeditor" name="page_data" cols="80" row="8" id="page_data">
    <?php
if (isset($_GET['page'])) {
$sql1 = @mysql_query("SELECT * FROM pages WHERE pageid='".$_GET['page']."'") or die(mysql_error());
$sql2 = @mysql_fetch_array($sql1) or die(mysql_error());

if ($sql1) {
echo $sql2['content'];
}
}

?>
</textarea>

就是这样!

最佳答案

您不能从 PHP(运行服务器端)执行 Javascript 函数(客户端)。

此外,您需要使用用户名和密码连接到数据库服务器,并选择一个数据库。不要使用 @,它只会阻止您看到错误——但错误会在那里。

在 PHP 文件中,您需要检查是否收到 $_POST['page'],如果是,使用 that 作为 的 ID >选择。您已经设置了一个名为“page”的组合,因此在提交时,PHP 脚本会将选定的值接收到一个名为 $_POST['page'] 的变量中。

通常的警告适用:

  • 不鼓励使用 mysql_* 函数,使用 mysqli 或 PDO
  • 如果你仍然使用 mysql_*,清理输入(例如 $id = (int)$_POST['page'] 如果它是数字,或者 mysql_real_escape_string 如果它不是,就像你的情况一样)

如果您想在用户更改组合框时更改文本区域的内容,这是 AJAX(例如 jQuery)的工作:

  1. 为组合框的变化事件绑定(bind)一个函数
  2. 向传递新 ID 的 PHP 脚本服务器端发出调用
  3. PHP 脚本将只输出内容,没有其他 HTML
  4. 在combo的change-function中接收内容并验证成功
  5. $('#textarea')的值设置为内容

这样您就不必在每次组合更改时重新加载页面。这让我想起了另一件事,当你现在重新加载页面时,你必须正确设置组合值:你也可以利用它来动态生成组合。

工作示例

此文件应称为“editpages.php”。 PHP 详细说明(几乎)与数据表示分开进行。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>PDIMI - The Personal Development and Internet Marketing Institution</title>
<link href='http://fonts.googleapis.com/css?family=Oswald:400,300' rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css' />
<link href="../style/default.css" rel="stylesheet" type="text/css" media="all" />
<!--[if IE 6]>
<link href="default_ie6.css" rel="stylesheet" type="text/css" />
<![endif]-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script language="JavaScript" type="text/javascript">
        function getData(combobox){
                var value = combobox.options[combobox.selectedIndex].value;
                // TODO: check whether the textarea content has been modified.
                // if so, warn the user that continuing will lose those changes and
                // reload a new page, and abort function if so instructed.
                document.location.href = '?page='+value;
        }
</script>
</head>
<?php include 'aheader.php';?>
<?php
        error_reporting(E_ALL);
        if (!mysql_ping())
                die ("The MySQL connection is not active.");
        mysql_set_charset('utf8');

        // $_REQUEST is both _GET and _POST
        if (isset($_REQUEST['page']))
            $page = mysql_real_escape_string($_REQUEST['page']);
        else
            $page = False;
        $query = "SELECT pageid, pagename FROM pages;";
        $exec  = mysql_query($query); // You need to be already connected to a DB
        if (!$exec)
                trigger_error("Cannot fetch data from pages table: " . mysql_error(), E_USER_ERROR);

        if (0 == mysql_num_rows($exec))
                trigger_error("There are no pages in the 'pages' table. Cannot continue: it would not work. Insert some pageids and retry.",
 E_USER_ERROR);

        $options = '';
        while($row = mysql_fetch_array($exec))
        {
            // if the current pageid matches the one requested, we set SELECTED
            if ($row['pageid'] === $page)
                $sel = 'selected="selected"';
            else
            {
                // If there is no selection, we use the first combo value as default
                if (False === $page)
                    $page = $row['pageid'];
                $sel = '';
            }
            $options .= "<option value=\"{$row['pageid']}\" $sel>{$row['pagename']}</option>";
        }
        mysql_free_result($exec);

        if (isset($_POST['page_data']))
        {
           $page_data = mysql_real_escape_string($_POST['page_data']);
$query = "INSERT INTO pages ( pageid, content ) VALUES ( '{$page}', '{$page_data}' ) ON DUPLICATE KEY UPDATE content=VALUES(content);";
           if (!mysql_query($query))
                trigger_error("An error occurred: " . mysql_error(), E_USER_ERROR);
        }
        // Anyway, recover its contents (maybe updated)
        $query = "SELECT content FROM pages WHERE pageid='{$page}';";
        $exec  = mysql_query($query);
        // who says we found anything? Maybe this id does not even exist.
        if (mysql_num_rows($exec) > 0)
        {
           // if it does, we're inside a textarea and we directly output the text
           $row = mysql_fetch_array($exec);
           $textarea = $row['content'];
        }
        else
           $textarea = '';
        mysql_free_result($exec);
?>
<body>
<div id="page-wrapper">
        <div id="page">
            <div id="content2">
                    <h2>Edit Your Pages Here</h2>
                    <script type="text/javascript" src="../ckeditor/ckeditor.js"></script>
                    <form name="editpage" method="POST" action="">
                            <table border="1" width="100%">
                                    <tr>
                                    <td>Please Select The Page You Wish To Edit:</td>
                                    <td>
                                            <select name="page" onChange="getData(this)"><?php print $options; ?></select>
                                    </td>
                                    </tr>
                                    <tr>
                                            <td><textarea class="ckeditor" name="page_data" cols="80" row="8" id="page_data"><?php print $textarea; ?></textarea></td>
                                    </tr>
                                    <tr>
                                        <td><input type="Submit" value="Save the page"/></td>
                                    </tr>
                            </table>
                    </form>
                </div>
            </div>
       </div>
</body>
</html>

关于php - 如何通过选择的选项更改文本区域的值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13243772/

相关文章:

php - 在 mysql 数据库中存储密码的最佳方式?

javascript - 无法在codeIgniter PHP中接收ajax请求

php - CakePHP 1.2.5 中多个模型的分页

MySQL 关系 : Bid with products and users

php - FileMaker Pro 脚本触发器可以调用外部 PHP 脚本吗?

php列出多次使用相同IP地址注册的用户

javascript - 在 Angular 4 中提交表单之前输入字段验证

html - 为什么填充我的视口(viewport)高度会使 flexbox 工作?

php - 将表值传递到另一个页面进行 SQL 查询

mysql - 如何获取查询中的下一行和上一行