Var x = document. Select(name='dropdown' id='myselect' size='4' ,onClick='myclick()',style='margin. Input(type='text',id='zaftot',name='zaftot' ,onKeyup='myFunc(this.value)' Link(rel='stylesheet', href='/scripts/css/bootstrap.css')

It allows you to render HTML with powerful features such as loops, templates, mixins and native JavaScript logic +. 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. Pug (formally known as Jade) is an HTML preprocessor implemented in Node.js. 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 alter