Me preguntaba si existe la posibilidad de agregar un botón debajo de un área de texto usando jquery. He generado html como a continuación en la página de portales de energía.
<textarea rows="7" cols="20" maxlength="2000" id="description" class="textarea form-control "></textarea>Me gustaría agregar un botón justo debajo. Estoy usando el código a continuación, pero no muestra el botón en absoluto.
$(document).ready(function () { $("#description").append("<button type='button' id='btnSave' class='btn' style='color:#fff;background-color:#36f;border-color:36f;' onclick='savefunction'>Save</button><br><br>"); });No puede poner html dentro del área de texto, solo puede poner texto dentro de él. Si desea mostrar un botón dentro de un área de texto, puede intentar agregar el botón en el área principal del texto. y coloque el botón en consecuencia.
$(document).ready(function () { $("#textwrapper").append("<button onclick='savefunction' id='btnSave' type='button' style='color: #fff; background: #36f; border-color:#36f; display:block; margin-left:auto;'>Save</button><br><br>"); }); * { box-sizing: border-box; } .textarea-wrapper { position: relative; display:inline-block; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id="textwrapper" class="textarea-wrapper"> <textarea rows="7" cols="20" maxlength="2000" id="description" class="textarea form-control "></textarea> </div>