Select1.addItem("My text") - how to add html to the text?

Pro_Certs · September 23, 2021, 9:24pm

How can i format the text in a bootstrap select i.e.

Select1.addItem("Title Sub text") = Dont work
Select1.addItem(+"Title"+ +"Sub text"+) = Dont work

Pro_Certs · September 23, 2021, 9:42pm

.innerHTML also doesn’t work.

ricardo.carraretto · September 23, 2021, 9:45pm

You’ll need to navigate through the DOM to get to the actual < option > tag and style it or change its innerHTML.

Pro_Certs · September 23, 2021, 9:47pm

I tried that by editing it in the console but it didnt work, all the html tags are shown as text or ignored.

ricardo.carraretto · September 23, 2021, 10:25pm

Did some Googling and found a lot of Stack Overflow discussions around it. The behavior is somewhat browser dependent and just a few styling options work with the OPTION tag. In my app I could customize “font-size; background-color; color”.

Pro_Certs · September 24, 2021, 11:26am

Thank you. I might need to find another way of doing it rather than using a select.

falcon · December 22, 2021, 2:18am

You have probably already solved this, but in my app I found I had to put quotes around the <> as.

"<B>" &

In my case this works fine. note size has to precede the bold.

        Listgroup1.addItem(Trim(title(x) & "<small>" & "<B>" & WX & "</B></small>" & "<br>" & hdgdist(x)))