php - 我将如何根据所选选项动态更改文本区域？

Question

所以基本上我想做的是创建一个模板电子邮件表单来发送。用户可以从 html 文件或 mysql 数据库中已经存在的预定义模板的选项中进行选择。

一旦用户从选项中选择，文本将自动加载到已经可以使用的文本区域。

我正在使用 PHP、Jquery、Javascript 来构建它。

我正在调查一些 MC 编辑器，但尚未决定 html 是保存在文件中还是保存在 mysql 数据库中。

在这方面很新。我从哪说起呢 ？

Answer 1

change()函数可用于查看 a 何时select更改。然后，您可以检查所选选项的值并执行您需要执行的操作。快速示例：

<select>
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
</select>

还有你的 jQuery：

$("select").change(function() {
    if (this.value == "1") {
        console.log("User picked the first option");
        $("textarea").val("User picked option one!"); //Adds content to a textarea

        //make some ajax call
        $.ajax({
            url: "/call/",
            ...
            ...
            success: function() {
                //successful!
            }
        });
    }
});

这应该是一个很好的起点来做你需要的事情。

Answer 2

我在这里做了一个jsfiddle

http://jsfiddle.net/rtP9c/8/

看看有没有帮助

<div id="email">
To <div class="template name">2</div><br/>

I am Jack's email template. I am a unique and beautiful <div class="template insect"></div>. Did you know that you are not your <div class="template possession"></div>.<br>

From <div class="template from"></div>
</div>

JS：

var email = {
    name : 'Tyler', 
    insect : 'butterfly', 
    possession : 'Khaki Pants', 
    from : 'Narrator'
};

$('.template').each(function(k,v){
   var template = $(this).attr('class').split(' ')[1];
    $(this).text(email[template]);
});

或者通过 AJAX：

   $.ajax({
      url: 'http://site.com'
      dataType: 'json',
      data : data,
      success: function(data) {
        $('.template').each(function(k,v){
            var template = $(this).attr('class').split(' ')[1];
            $(this).text(data[template]);
        });        
      },
      error: function(status) {
        console.log(status);
      }
    });