Поле со списком; Показать другой текст описания при выборе?

Question

Поле со списком; Показать другой текст описания при выборе?

0

Это пример кода.

Если у нас есть 100 вариантов, например, и пользователь выбирает опцию, он показывает соответствующее описание.

Я работал с Jscript, но слишком длинный код, чтобы запутаться. и прост

Вот версия JS: http://jsfiddle.net/eHwVn/

и я хочу использовать простой 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

Спасибо за помощь

Мир!

Isaac Qassim 01 окт. 2013, в 17:54

Источник

0

Проверьте эту скрипку, пожалуйста: jsfiddle.net/H9McM/1
Isaac Qassim 01 окт. 2013, в 15:15

Теги:

javascript

html

combobox

1 ответ

Ещё вопросы

Проверьте эту скрипку, пожалуйста: jsfiddle.net/H9McM/1

Nunners · Answer 1 · 2013-10-01T14-17-00.000Z

Попробуйте следующий 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 этого параметра и устанавливает для него значение текстовой области.

Большое спасибо, приятель! Но для меня это звучит проще ( jsfiddle.net/m2fQ3 ). Можете ли вы помочь мне показать ответ первого варианта при загрузке?