JSFiddle - React, Tailwind, and code Playground

HTML

<select name="modelo" id="modelo" class="form-control">
   <option value="" selected disabled>Selecione</option>
    <option value="{{ $modelo->id }}" data-observacao="{{ $modelo->corpo1}}">Tit 1</option>
    <option value="{{ $modelo->id }}" data-observacao="{{ $modelo->corpo2}}">Tit 2</option>
 </select>

 <div class="col-md-12 col-sm-12 mt-3" id="div-observacao">
  <label for="">Observação</label>
  <textarea class="form-control" name="observacao" id="observacao" rows="3"></textarea>
 </div>

JavaScript

function removeTag(dataObservacao){
    dataObservacao = dataObservacao.replace("<p>","");
    dataObservacao = dataObservacao.replace("</p>","");
    return dataObservacao;

};

$("#modelo").on("change", function (event) { 
    let dataObservacao = $("#modelo").find("option:selected").data("observacao");
    dataObservacao = removeTag(dataObservacao);
    console.log(dataObservacao);
    console.log($("textarea[name='observacao']").val(dataObservacao));
    $("textarea[name='observacao']").val(dataObservacao);

});