Combobox;在選擇時顯示不同的描述文字？

Question

這是一個示例代碼。

如果我們有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> 

如何描述添加到使用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：

您選擇一個新的選項，找到當前選定的選項每次，然後找到該選項的data_info屬性的值，並將文本區域的值設置爲該值。