使用动态下拉列表从MySQL数据库加载textarea中的数据

时间:2013-03-26 10:38:22

标签: php mysql

好吧,为了让一切都清楚,我会尽可能清楚地解释一切,并包括图像。这可能是一个很长的问题,但我只是希望一切都清楚。

好吧,我有一个“文本框”(TinyMCE AJAX文件管理器),它显示来自这样的文本文件的html:

enter image description here 这是此atm的代码:

Bericht:</td><td align="left"><textarea name="content" cols="50" rows="15"><?php echo "$show"?></textarea></td></tr>

<?php
if (file_exists("prwyswig.txt")){
$show = file_get_contents('prwysiwyg.txt');
}
else{
$show = file_get_contents('tabel.txt');
}
?>

我想要的是不再使用文本文件,但我想选择存储在MySQL数据库中的html代码。我制作了一个动态下拉列表,其中包含“简讯”的名称。

所以我想要的是从下拉列表中选择一个时事通讯,然后将属于该titel的html加载到textarea中。我自己尝试了几件事,但我无法弄清楚如何管理它。

我是否必须写另一个查询? 我是否必须将dorpdown列表放在另一个表单中才能使用提交按钮加载textarea中的数据?

我将在下面发布其余的代码和我的数据库表结构,因为你可能需要它们^^如果你有任何其他问题,请在评论中询问它们,任何帮助都会很棒!

注: 我知道我不应该使用mysql_ *但这不是问题。我稍后会改用PDO!

连接到DB +查询以选择正确的数据:

<?php
mysql_connect('localhost','root','root');
mysql_select_db('NAW') or die (mysql_error());
$strSQL     = "SELECT Content, Titel FROM NAW.Mail";
$sql_result     = mysql_query($strSQL);
?>

动态下拉列表:

<td valign=top>Nieuwsbrief:</td>
<td>
<?php
echo "<select name=\"show\">"; 
echo "<option size =30 selected>Select</option>";
if(mysql_num_rows($sql_result)) 
{ 
while($row = mysql_fetch_assoc($sql_result)) 
{ 
echo "<option>$row[Titel]</option>"; 
} 

} 
else {
echo "<option>No Names Present</option>";  
} 
?>

数据库表:

ID  Content                 Datum       Titel
1  (lots of encoded html)   18-03-13    test
2  (lots of encoded html)   18-03-13    test2
4  (lots of encoded html)   18-03-13    alles weer testen
5  (lots of encoded html)   20-03-13    testje
6  (lots of encoded html)   21-03-13    Statusupdate week 6

1 个答案:

答案 0 :(得分:1)

您可以按照以下方式执行此操作:您的表单的HTML和PHP代码将是这样的。

<?php
mysql_connect('localhost','root','root');
mysql_select_db('NAW') or die (mysql_error());
$strSQL     = "SELECT Titel FROM NAW.Mail";
$sql_result     = mysql_query($strSQL);
?>


    <form id="myform">
        <td valign=top>Nieuwsbrief:</td>
        <td>
        <?php
        echo "<select id=\"NieuwsbriefSelect\" name=\"show\">"; 
        echo "<option size =30 selected>Select</option>";
        if(mysql_num_rows($sql_result)) 
        { 
        while($row = mysql_fetch_assoc($sql_result)) 
        { 
        echo "<option value=\"$row[Titel]\">$row[Titel]</option>"; 
        } 

        } 
        else {
        echo "<option>No Names Present</option>";  
        } 
        ?>

    Bericht:</td><td align="left"><textarea name="content" cols="50" rows="15"></textarea></td></tr>

</form>

使用JQuery为onChange添加<Select>事件,如此

<script>
// variable to hold request
var request;
$(document).ready(function() {

$('#NieuwsbriefSelect').change(function() {
  //send Ajax call to get new contents
  var selected_text = $(this).val();
  // setup some local variables
  var $form = $("#myform");
  // let's select and cache all the fields
  var $inputs = $form.find("input, select, button, textarea");
  // serialize the data in the form
  var serializedData = $form.serialize();

  // fire off the request to /get_my_contents.php
  request = $.ajax({
    url: "/get_my_contents.php",
    type: "post",
    data: serializedData
   });


   // callback handler that will be called on success
   request.done(function (response, textStatus, jqXHR){
    //populate the TextArea
    $("textarea[name='content']").html(response);
   });


});

});
</script>

最后你的 get_my_contents.php 会是这样的

<?php
$title = $_POST["show"];
mysql_connect('localhost','root','root');
mysql_select_db('NAW') or die (mysql_error());
$strSQL     = "SELECT Content from NAW.Mail where Titel = '$title' ";
$sql_result     = mysql_query($strSQL);

$row = mysql_fetch_assoc($sql_result)
print $row["Content"];
?>

希望它能解决您的问题。

修改 你可以尝试这个小提琴(只是客户端代码,Ajax将无法工作) http://jsfiddle.net/jjWdF/