Блог

У меня есть поле со списком, когда используется событие onchange.

Когда я выбираю опцию, не обновляется диапазон

Вот информация:http://jsfiddle.net/S5fbc/72 /

 <script>function change(){
var a1 = document.getElementById("a");
var b1 = document.getElementById("b");
var c1 = document.getElementById("c");
a1.innerHTML = b1.value;
}
</script>
<select id="trick"  onkeypress="change()">
  <option>Select Please</option>
  <option value="a">AAAAA</option>
  <option value="b">BBBBB</option>
  <option value="c">CCCCC</option>
</select>

<span id="a1">First Text</span>
<span id="b1">Second text</span>
<span id="c1">Third text</span>
  

Пожалуйста, кто-нибудь может мне помочь?

Идентификаторы промежутков, которые вы пытаетесь выбрать, не являются a , b c , a1 , а b1 , c1 ,,,,,,,,,,,,,

Элемент, к которому вы хотите получить доступ, .value не b1 является элементом выбора, который имеет идентификатор trick .

Если вы хотите прослушать change событие, вам не следует использовать onkeypress .

Кажется, вы хотите

 function change(){
    var trick = document.getElementById("trick"),
        els = {
            a: document.getElementById("a1"),
            b: document.getElementById("b1"),
            c: document.getElementById("c1")
        };
    for (var p in els)
        els[p].style.display = "none";
    var selected = trick.value;
    if (selected in els)
        els[selected].style.display = "";
}
  

(обновленная демонстрация)