javascript - 选择选项使用 JavaScript 更改 Textarea 的文本

Question

我需要帮助。我有这个表格：

<form name="user_cause" method="post">
<div class="form-group">
  <select id="subject" required="required" class="form-control" onchange="showHide()">
    <option value="subject">Subject</option>
    <option value="test_1">Test_1</option>
    <option value="test_2">Test_2</option>
  </select>
</div>

<div class="form-group">
  <textarea id="subject_message" required="required"
            class="form-control" rows="5" disabled>
  </textarea>
</div>

<button type="submit" class="btn btn-primary">Send</button>

我希望我可以根据选择更改禁用文本区域中的文本。如何用 javascript 做到这一点？

标签： javascriptjqueryhtml

Answer 1

var ourArea = document.getElementById('subject_message');
var selectSubject = document.getElementById('subject');
ourArea.textContent = selectSubject.value; // omit this if you don't want initial value to be reflected in the text area
function showHide(){
    ourArea.textContent = selectSubject.value;
}