HTML и JavaScript для отображения текста по выбору изменения

Итак, у меня есть список, и я хочу показать какой-то текст, когда пользователь ВЫБИРАЕТ параметр из раскрывающегося списка, я решил, как сделать для него один вариант, но для по какой-то причине это не так хорошо работает в группах.HTML и JavaScript для отображения текста по выбору изменения

<select id="mySelect" name="values"> 
<option value=0>0</option> 
<option value=1>1</option> 
<option value=2>2</option> 
</select>

Я намерен «распечатать» определенный текст при выборе каждого варианта, спасибо!

(извините за ошибки грамматики, испанский динамик здесь)

источник

2013-02-26 SeñorPythoniano

Пожалуйста, поделитесь кодом, который вы пытались. –

Да, вы можете это сделать. Вы можете получить помощь от JQuery. Вы можете предпочесть эту ссылку http://jqueryui.com/show/ –

Где вы пытаетесь показать текст? Кроме того, вы используете библиотеку как jquery? –

Успел сделать это:

<script type="text/javascript"> 
function showstuff(element){ 
    document.getElementById("una").style.display = element=="una"?"block":"none"; 
    document.getElementById("dos").style.display = element=="dos"?"block":"none"; 
    document.getElementById("tres").style.display = element=="tres"?"block":"none"; 
    document.getElementById("cuatro").style.display = element=="cuatro"?"block":"none"; 
    document.getElementById("cinco").style.display = element=="cinco"?"block":"none"; 
    document.getElementById("seis").style.display = element=="seis"?"block":"none"; 
    document.getElementById("siete").style.display = element=="siete"?"block":"none"; 
    document.getElementById("ocho").style.display = element=="ocho"?"block":"none"; 
    document.getElementById("nueve").style.display = element=="nueve"?"block":"none"; 
    document.getElementById("diez").style.display = element=="diez"?"block":"none";  
    } 
</script> 

<select name="type" onchange="showstuff(this.value);"> 
      <option value="una" selected>1</option> 
      <option value="dos">2</option> 
      <option value="tres">3</option> 
      <option value="cuatro">4</option> 
      <option value="cinco">5</option> 
      <option value="seis">6</option> 
      <option value="siete">7</option> 
      <option value="ocho">8</option> 
      <option value="nueve">9</option> 
     <option value="diez">10</option> 
</select> 
<div id="uno" style="display:none;">uno</div> 
<div id="dos" style="display:none;">dos</div> 
<div id="tres" style="display:none;">tres</div> 
<div id="cuatro" style="display:none;">cuatro</div> 
<div id="cinco" style="display:none;">cinco</div> 
<div id="seis" style="display:none;">seis</div> 
<div id="siete" style="display:none;">siete</div> 
<div id="ocho" style="display:none;">ocho</div> 
<div id="nueve" style="display:none;">nueve</div> 
<div id="diez" style="display:none;">diez</div>

Спасибо каждый один :)

источник

2013-02-26 17:09:52

HTML и JavaScript для отображения текста по выбору изменения

ответ

Смежные вопросы