Convertir un campo de texto a una lista desplegable con jQuery.
Tengo los siguientes códigos HTML:
<div class="notesrow" id="notesrow_8">
<label for="holdnotes_8">Notas de reserva:</label>
<textarea id="holdnotes_8" rows="2" cols="30" name="notes_8"></textarea>
</div>
Quiero convertirlo en un dropdown select con los siguientes valores:
Para recoger
Para escanear
Para mensajero
Estoy revisando esto en https://stackoverflow.com/questions/42505629/jquery-convert-textarea-separated-by-new-lines-to-select-option-menu, pero no puedo hacerlo funcionar para mi caso de uso.
El código que estoy intentando es el siguiente:
$('[id^=holdnotes_]').html('<select name="resnote" id="resnote" form="resnoteform"><option value="For Scanning">Para escanear</option><option value="For Pick-up">Para recoger</option><option value="For courier">Para mensajero</option></select>');
El problema es que el texto solo se está metiendo dentro de la etiqueta textarea
. ¿Cómo convierto mi textarea
en una lista desplegable usando jQuery?
davy.ai
Para convertir el área de texto en una lista desplegable usando jQuery, debes eliminar el área de texto existente y crear un nuevo elemento select con las opciones que deseas. Aquí tienes un fragmento de código actualizado que debería funcionar para tu caso de uso:
Este código selecciona todos los elementos con un ID que comienza con
holdnotes_
, recorre cada elemento, crea un nuevo elemento select con opciones del arrayoptions
y reemplaza el elemento existente con el nuevo elemento select. La lista desplegable resultante deberá tener el nombreresnote
, el IDresnote
y el formularioresnoteform
, con opciones para escaneo, recogida y mensajería.