在选择选项更改时更改文本区域的值答案

【问题标题】：Change Value of Textarea on Select Option Change在选择选项更改时更改文本区域的值
【发布时间】：2014-04-19 11:13:33
【问题描述】：

我必须在更改选择选项时更改 textarea 的内容。为此我编写了如下代码

                <tr><td>Template:</td><td>
                    <select t name="template" onChange = "setTemplate();">
                        <option value="0">Admission</option>
                        <option value="1">Registration</option>
                        <option value="2">Speech on 2,3 May</option>
                    </select>
                </td>
            <tr>
                <td>Message: </td>
                <td>
                <textarea name="adminmessage" id="adminmessage" rows="5" cols="50"></textarea></td>
            </tr>           
            <tr>
                <td>&nbsp;</td>
                <td><input type="submit" id="submit" value="Send SMS" class="button-primary" /></td>
            </tr>
        </table>
        </form>
<script>
            test0 = "";
            test1 = "test string 1";
            test2 = "test string 2";
            function setTemplate() {
                var otionValue = document.form.template.value;
                if (otionValue == "0") {
                  document.form.adminmessage.value = test0;
                } else if (otionValue == "1")
                  document.form.adminmessage.value = test1;
                  else if (otionValue == "2")
              document.form.textarea.value = test2;
            }; 
            </script>
</div>

但这行不通。请帮我纠正。我必须在 javascript 本身而不是在 jquery 中执行此操作。

【问题讨论】：

标签： javascript html textarea selection

【解决方案1】：

您的 javascript 语法无效。在此处检查更正的示例：http://jsfiddle.net/WkbLP/

javascript：

<script>
        test0 = "";
        test1 = "test string 1";
        test2 = "test string 2";
        function setTemplate(t) {
            var otionValue = t.value;
            if (otionValue == "0") {
              document.getElementById('adminmessage').innerHTML = test0;
            } else if (otionValue == "1")
              document.getElementById('adminmessage').innerHTML = test1;
              else if (otionValue == "2")
          document.getElementById('adminmessage').innerHTML = test2;
        }; 
</script>

HTML：

<select  name="template" onChange = "setTemplate(this);">
    <option value="0">Admission</option>
    <option value="1">Registration</option>
    <option value="2">Speech on 2,3 May</option>
</select>

【讨论】：