Question

这是一个示例代码。

如果我们有100个选项，例如和用户选择一个选项，显示相应的描述。

我让它与Jscript一起工作，但这太长的代码乱了。而且很简单

我想使用简单的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>

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

获取此信息：

（抱歉，我无法发布图片） http://i.stack.imgur.com/DSm4j.png

感谢您的帮助

和平！

Answer 1

尝试以下JSFiddle：http://jsfiddle.net/3XTjH/

使用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>

和Javascript：

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;
}

每次选择新选项时，它都会找到当前选中的选项，然后找到该选项的data_info属性的值，并将文本区域的值设置为该选项。

组合框;选择时显示不同的描述文字？

1 个答案: