Preserve HTML formatting

Question

I am building <datalist> options as below:

data.suggestions.forEach(function(element) {
    $('datalist').append(`<option value="${element['description'].split(' ')[0].replace(/<[^>]*>/g, '')}">${element['description']}</option>`);
});

My element['description'] has HTML tags, which I would like to preserve. However, the appended children have their HTML formatting stripped.

Please advise.

Please Clarify your requirements and code – BASEER HAIDER JAFRI Nov 21 '17 at 20:53 — BASEER HAIDER JAFRI, Nov 21 '17 at 20:53
Do you know any components that I could use? – Moshe Shmukler Nov 22 '17 at 13:56 — Moshe Shmukler, Nov 22 '17 at 13:56

tiborK · Answer 1 · 2017-11-21T21:45:37.267

0

Split function returns an array of element. If you want only the first word, then try this

var str = element['description'].substring(0, element['description'].indexOf(' '))).replace(/<[^>]*>/g, '');

then

$('datalist').append('<option value="+str+" >element['description']</option>');

edited Nov 21 '17 at 21:45

answered Nov 21 '17 at 21:02

tiborK

357
1
6

This is not how you use variables with backquotes, but if your syntax would have been correct, how is this relevant? – Moshe Shmukler Nov 21 '17 at 21:37
you think that you did. :) – Moshe Shmukler Nov 21 '17 at 21:44
I'm trying to help you here not argue. – tiborK Nov 21 '17 at 21:44

Preserve HTML formatting

1 Answers1