javascript - 当用户在其中键入时，所选值不会添加到文本区域内的现有文本

Question

我有一个可供护士选择的下拉列表，一个诊断，然后这个诊断被添加到一个 textarea 中，护士将在它附近添加更多详细信息。然后，他们可以在同一 textarea 中添加更多诊断信息，并在该诊断信息附近添加更多信息。

每当护士选择诊断时，他们都会正常添加，但当她在添加的诊断附近的文本区域中输入并去添加另一个时，什么也没有添加。

这是该过程的 jQuery 脚本:

$("#medication_id").on('change', function(){

    $("#medication_pill").text($("#medication_pill").text() + " + " + $("#medication_id option:selected").text());
});

Answer 1

更改您的代码以使用 $("#medication_pill").val()。这对你有用:

$("#medication_id").on('change', function(){
    $("#medication_pill").val($("#medication_pill").val() + " + " + $("#medication_id option:selected").text());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id='medication_id'>
  <option>Medication 1</option>
  <option>Medication 2</option>
  <option>Medication 3</option>
</select>

<textarea id="medication_pill"></textarea>

The .val() method is primarily used to get the values of form elements such as input, select and textarea. When called on an empty collection, it returns undefined.