'how to get article's content when click the option?

I'm working with MVC, using RSS to get feed from wired.com . But I need when I press the options, I want the contents to appear at the bottom. but I couldn't go further than that. How can I do this?

<body>
    <div id="news"></div>
    <script>
        fetch("https://www.wired.com/feed/rss")
            .then(response => response.text())
            .then(str => new DOMParser().parseFromString(str, "text/xml"))
            .then(data => {

                console.log('data', data);
                const items = data.querySelectorAll("item");

                console.log('items', items);

                let html = '';

                html += `<select onchange="showDescription(event)">`;

                items.forEach(el => {

                    let title = el.querySelector("title").innerHTML.replace("<![CDATA[", "").replace("]]>", "");

                    const description = el.querySelector("description").innerHTML.replace("<![CDATA[", "").replace("]]>", "");

                    html += `<option value="">${title}</option>`;

               });

                html += `</select>`;
                document.getElementById("news").innerHTML = html;

            })

    </script>

</body>

After excecuting the above code I am getting the following :enter image description here

I want this one : enter image description here

Thank you for help.



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source