選擇onchange更新textarea多個

Question

我正在使用以下兩個腳本使用下拉列表中的選定值來更新表單中的文本區域。 孤立地，它們都可以正常工作，但是，我嘗試將它們組合在一起，以便更改一個下拉列表不會覆蓋textarea中已經存在的第二個下拉列表中的所選值。 因此，當第一個下拉菜單中的值發生更改時，僅會更新文本區域中文本的這一部分，而第二個下拉菜單中的值將保留並且不會被刪除（當前正在發生）。

<!-- script starts -->
<script type="text/javascript">  
$(document).ready(function() {
$("#imageSize").change(function() {
   $("textarea[name=m1_description]").val($(this).val());
});
});
</script>

<script type="text/javascript">  
$(document).ready(function() {
$("#image").change(function() {
   $("textarea[name=m1_description]").val($(this).val());
});
});
</script>
<!-- script ends --> 

<textarea name="m1_description" cols="80" rows="3" class="cms_textarea"></textarea>

這可能嗎？ 謝謝。

Answer 1

嘗試更改：

$("textarea[name=m1_description]").val($(this).val());

至

$("textarea[name=m1_description]").val($('#imageSize').val() + $('#image').val());