我有MySQL表templates，它看起来像：
template_id|template_subject|template_text
------------------------------------------
1 |some subject |very long text with html
这些显示在<select>下拉列表中，完整格式如下：
<form method="post" action="">
<select name="template_id"><option></option><option value="1">some subject</option></select>
<input type="text" name="template_subject">
<textarea name="template_text"></textarea>
<input type="submit" name="submit_me" value="go">
</form>
当用户提交表单时，我需要获取所有3个值 - id，subject和text。此外，当用户选择一个选项时，我需要使用<input type="text" name="template_subject">自动填充some subject字段，并使用<textarea name="template_text"></textarea>填充very long text with html
在此网站上找到了许多示例，如何使用选项文本填充输入字段，以及带有选项值的textarea，但问题是：<select name="template_id"><option></option><option value="very long text with html">some subject</option></select>格式下拉列表无法正常工作，因为{ {1}}值将会丢失，并且将template_id作为选项的值进行编写将是一种非常糟糕的做法，我相信。
举一个例子，我创建了一个似乎可以部分工作的JSfiddle，但是再一次，我不认为编写一个长文本是一个好主意（特别是将HTML用于选项＆＃39; s值） - https://jsfiddle.net/ss050535/
我该怎么办？如果重要的话，使用jquery，bootstrap和select2。