HTML javascript select action - PullRequest
Новая
       8

HTML javascript select action

3 голосов
/ 20 февраля 2010

У меня есть список выбора: 

<select>
<option value="0" onclick="anders('1')">Anders</option>
<option value="200" onclick="anders('');" selected="selected">&#8364; 200,-</option>
<option value="300" onclick="anders('')">&#8364; 300,-</option>
<option value="400" onclick="anders('')">&#8364; 400,-</option>
<option value="500" onclick="anders('')">&#8364; 500,-</option>
</select>

Когда я выбираю значение «0», что-то должно быть видно, это работает в Firefox, но не в Internet Explorer. Даже функция оповещения с onclick не работает в IE, кто-нибудь знает что-нибудь для этого?

1 Ответ

7 голосов
/ 20 февраля 2010

Возможно, вам действительно следует связать эту логику с событием onchange самого выбора, а не с событием click отдельных опций: 

var myDiv = document.getElementById("myDiv");
document.getElementById("mySelect").onchange = function(){
  myDiv.style.display = (this.selectedIndex == 0) ? "block" : "none";
}

Когда мы связываем это таким образом, нам не нужно смешивать наш HTML и наш Javascript. Наш HTML может выглядеть так же просто, как показано ниже: 

<select id="mySelect" name="values">
  <option>0</option>
  <option>1</option>
  <option>2</option>
</select>
<div id="myDiv">
  <p>Select 0 to show me, otherwise I'm invisible!</p>
</div>

Онлайн демо: http://jsbin.com/ijogi

...