This is probably a long shot, but here it goes. I work with this web-app that has a multiselect list of 50+ 'descriptors' for database items. I go in and select the correct descriptors and "save" it.
The Problem: They display each descriptor as its own line, and its a nightmare to sift through (ctrl+F at the moment). I'd like to convert this into a multi-select dropdown menu (with a search bar) using a chrome extension I have created (this already selects some default options for me).
I know how to make a dropdown, but I dont know how to generate the list based on the current HTML code, and have it be referenced when "Save" is clicked.
The Website Code: It looks to be a single column table, with each entry being a selection box.
<div style="padding: 1px 0px 0px 35px;"><input type="checkbox" name="l_tcid_1014" value="5010"> <em>Description 1</em></div>
The Search Button:
<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">
The Question: How do I inject code to turn this table into a dropdown list of "Description" - "Value" based on "Name" (l_tcid_1014 in this case), and then turn that into a multiselect dropdown that the "save" button can read from?
This may be impossible, or just incredibly difficult, but any step in the right direction would be awesome. If I can just use CSS to make all the multiselects be dropdowns, that'd work for me as well. Doesnt have to just be this one.