我有一个可供护士选择的下拉列表,一个诊断,然后这个诊断被添加到一个 textarea
中,护士将在它附近添加更多详细信息。然后,他们可以在同一 textarea
中添加更多诊断信息,并在该诊断信息附近添加更多信息。
每当护士选择诊断时,他们都会正常添加,但当她在添加的诊断附近的文本区域中输入并去添加另一个时,什么也没有添加。
这是该过程的 jQuery 脚本:
$("#medication_id").on('change', function(){
$("#medication_pill").text($("#medication_pill").text() + " + " + $("#medication_id option:selected").text());
});
最佳答案
更改您的代码以使用 $("#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 asinput
,select
andtextarea
. When called on an empty collection, it returnsundefined
.
关于javascript - 当用户在其中键入时,所选值不会添加到文本区域内的现有文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50405363/