Link(rel='stylesheet', href='/scripts/css/bootstrap.css') Then the value of the index changes and the 'selected' option changes - to '6' but this then selects the 6th option of the options and not the one with the value of '6'.ĭrop-downs are the only thing I can't seem to populate so any help would be greatly appreciated. Var propertyType = document.getElementById('propertyType') įor (var i = 0 i < i++) Select#-lg(form='addProperty', name='propertyType') I just need to match the option with the value from the mongoDB document and set the option to display in the list. I have seen ways of building the dropdown-list from scratch and setting an option as 'selected', but the form is already generated and has a dropdown-list already in place. I have been looking for ways to make a dropdown-list 'select' an option based on the value from the mongoDB document. I am populating a form from MongoDB so the contents can be edited. I have a Pug template that uses Bootstrap 4 as the 'layout' and receiving data from an Express/Mongoose server.

Pug template form