Javascript 组合框；选择后是否显示不同的描述文本？

这是一个示例代码

如果我们有100个选项，例如，用户选择一个选项，则会显示相应的说明

我使用Jscript实现了这一点，但代码太长，不能乱来。这很简单

以下是JS版本：

我想使用简单的HTML

<select>
  <option value="i">ItemA</option>
  <option value="i">ItemB</option>
  <option value="i">ItemC</option>
  <option value="i">ItemD</option>
  <option value="i">ItemE</option>
  <option value="i">ItemF</option>
</select>

项目a
项目B
项目C
项目
项目
项目F

如何使用HTMl向每个项目添加说明

要获得此信息：

（对不起，我还不能发布图片）

谢谢你的帮助

---

和平

尝试以下JSFIDLE：

使用HTML：

<select id="example" onchange="showtext()">
    <option value="http://www.cnet.com" data_info="Click here for Cnet, the primer technology site on the net!">Cnet</option>
    <option value="http://www.cnn.com" data_info="Click here for CNN, one of the best sources online to get your news.">CNN</option>
    <option value="http://www.geocities.com" data_info="Click here for Geocities, and receive 10 megs of free web space.">Geocities</option>
</select>
<br>
<textarea rows=5 cols=21 wrap="virtual" id="text"></textarea>

---

每次您选择一个新选项时，它都会找到当前选定的选项，然后找到该选项的

data\u info

属性的值，并将文本区域的值设置为该值。

请检查此小提琴：非常感谢，朋友！但是这个对我来说更容易（）你能帮我在加载时显示第一个选项的答案吗？

function showtext() {
    var dropdown = document.getElementById("example");
    var curOption = dropdown.options[dropdown.selectedIndex];

    var info = curOption.getAttribute('data_info');

    var txt = document.getElementById('text');

    txt.value = info;
}