Esta es probablemente una posibilidad remota, pero aquí va. Trabajo con esta aplicación web que tiene una lista de selección múltiple de más de 50 'descriptores' para elementos de la base de datos. Entro, selecciono los descriptores correctos y los "guardo".
El problema: muestran cada descriptor como su propia línea, y es una pesadilla examinarlo (ctrl+F en este momento). Me gustaría convertir esto en un menú desplegable de selección múltiple (con una barra de búsqueda) usando una extensión de Chrome que he creado (esto ya selecciona algunas opciones predeterminadas para mí).
Sé cómo hacer un menú desplegable, pero no sé cómo generar la lista en función del código HTML actual y hacer que se haga referencia cuando se hace clic en "Guardar".
El código del sitio web: parece ser una tabla de una sola columna, con cada entrada como un cuadro de selección.
<div style="padding: 1px 0px 0px 35px;"><input type="checkbox" name="l_tcid_1014" value="5010"> <em>Description 1</em></div>El botón de búsqueda:
<input class="defaultButton buttonLoader btn btn-default btn-primary ui-button ui-widget ui-state-default ui-corner-all" type="submit" name="SubmitSearch" value="Search" title="Search" role="button" aria-disabled="false">La pregunta: ¿Cómo inyecto código para convertir esta tabla en una lista desplegable de "Descripción" - "Valor" basada en "Nombre" (l_tcid_1014 en este caso), y luego convertirlo en un menú desplegable de selección múltiple que el botón "guardar" puede leer desde?
Esto puede ser imposible, o simplemente increíblemente difícil, pero cualquier paso en la dirección correcta sería increíble. Si solo puedo usar CSS para hacer que todas las selecciones múltiples sean menús desplegables, eso también funcionaría para mí. No tiene que ser solo este.