If you don't have a predetermined number of rows, then you could use ".each" and target the specific input type in that table column. That will let you iterate through every field in the collection even if the numbers vary.

Forms groups each column of a table under td elements with the same "data-col" value, so you could use that in combination with the input type (textarea if it is a multiline) for the jquery selector, and that will give you the collection you need.

For example,

So in this example, all of the multi-line fields are in column 3 and I can see that the data-col value for that column is q8. Using that I can now get a collection of all those fields regardless of how many the user adds/removes.

// column 3 was identified with data-col=3
// so I find textarea elements with those elements as the parent

$('td[data-col="q8"] textarea').each(
    function(index,value){
        // use $(this).val() to get the contents of the field
        // populate an array with each college name as you go
    }
);

// use the college names you collected above to build your dropdown

A couple caveats here:

1. If rows might be added or removed, you will need to detect those changes and run a process to ensure all of the fields will always have the necessary change event even if new ones get added.
2. Storing the names in an array would be more useful than adding them to the dropdown as you go because you could sort them after and make your dropdown a bit cleaner.

Perfect, thank you. I will try this out as soon as possible and reply with my findings/script(in case anyone else is needing something similar).