如何通过选择的选项更改textarea的值?

时间:2012-11-06 03:08:46

标签: php html mysql forms

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

getData(页面)正确返回(onChange)但它不会转到我得到的变量“致命错误:在C:\ xampp \ htdocs \ pdimi \ admin \中调用未定义函数getData()第42行的“editpages.php”

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

使用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的:

<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>

那就是那个!

2 个答案:

答案 0 :(得分:2)

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

此外,您需要使用用户和密码连接到数据库服务器,然后选择数据库。不要使用@,它只会阻止你看到错误 - 但错误就在那里。

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

通常的警告适用:

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

如果你想在用户更改组合框时更改textarea 的内容,那就是AJAX的工作(例如jQuery):

  1. 将函数绑定到组合框的change事件
  2. 向PHP脚本服务器端发出调用,传递新ID
  3. PHP脚本将仅输出内容,而不输出其他HTML
  4. 接收组合的更改功能中的内容并验证成功
  5. $('#textarea')的值设置为内容
  6. 这样您就不必在每次组合更改时重新加载页面。这让我想起了另一件事,当你重新加载页面时,你必须正确设置组合值:你也可以利用它来动态生成组合。

    工作示例

    此文件希望被称为“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>
    

答案 1 :(得分:0)

您在这里遇到的最大问题是您需要了解客户端和服务器端之间的区别。

服务器端:当页面正在加载时...我们运行各种代码来确定将要显示的内容并将其打印到源代码中。

客户端:一旦页面加载了......我们就可以使用DOM元素来交互,修改或增强用户体验(我随时都会这样做)。

在您的代码中,您有一个PHP mysql命令:

$thisdata = @mysql_query("SELECT * FROM pages WHERE pageid=".getData('value'));

1,不要使用mysql。使用mysqli或PDO 2,你已经从PHP调用了一个javascript函数。

绝对没有办法从PHP调用javascript函数。客户端脚本不存在,直到页面停止加载后才会运行。


在你的情况下: 您需要提供将要使用的HTML和JavaScript代码。只有在页面加载时,您才需要使用javascript(客户端脚本)来设置事件监听器以监听您的选择更改事件。触发此事件后,您可以确定要执行的操作(即更改文本框值等)。

相关问题