怎么不改变下拉选项也触发onchange?

你最好在执行onchange后执行一次把第一个选项选择上，例如<select onchange=a(this)>
<option>--请选择
<option>a
<option>b
</select>
<script>
function a(x)
{
//执行你的操作
alert(x.options[x.selectedIndex].text)
x.options[0].selected=true
}
</script>

解决方案 »

  1.   

    onclick不行吧。选择还没有完成呢。
    那根本就不用选了啊。点了就被触发了
    我要的是选择完成，无论下拉被选择了什么都触发的事件有没有？
    onchange就是当选择一样的时候没有触发
      

  2.   

    多谢孟子E章的指点，但我不需要再选择第一项，否则这个下拉就没有意义了。
    有没有onblur和onchange的合并的？
      

  3.   


    <select onclick = "clk()">
    <option>111111
    <option>222222
    <option>333333
    <option>444444
    </select><script>
    var b = false;
    function clk()
    {
    if(b)
    {
    alert('changed');
    }
    b = !b;
    }
    </script>这样试了试，但发现如果选项不改变，连 click 事件也不行的......
      

  4.   

    <script language="JavaScript">
    var flag;
    </script>
    <select name="select" onChange="javascript:window.alert('c');flag = false;" onBlur="javascript:window.alert('s');flag = true;}">
      <option value="1" selected>1</option>
      <option value="2">2</option>
      <option value="3">3</option>
      <option value="4">4</option>
      <option value="5">5</option>
    </select>
    这样，由于onBlur先于onChange触发，所以当选择不变时flag值为true，选择变化时flag值为false
      

  5.   

    <script language="JavaScript">
    var flag;
    </script>
    <select name="select" onChange="javascript:window.alert('onChange');flag = false;" onBlur="javascript:window.alert('onBlur');flag = true;">
      <option value="1" selected>1</option>
      <option value="2">2</option>
      <option value="3">3</option>
      <option value="4">4</option>
      <option value="5">5</option>
    </select>
    怎么我觉得触发onChange的时候连onBlur也触发了
      

  6.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    </HEAD><BODY>
    <script language="JavaScript">
    var flag;
    </script>
    <select name="select" onblur="if(flag==true)javascript:window.alert(this.value);flag = false;" onClick="flag = true;">
      <option value="1" selected>1</option>
      <option value="2">2</option>
      <option value="3">3</option>
      <option value="4">4</option>
      <option value="5">5</option>
    </select>
    </BODY>
    </HTML>
      

  7.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    </HEAD><BODY>
    <script language="JavaScript">
    function test() {
    if (document.all["hidSel"].selectedIndex == 0) {
    document.all["hidSel"].selectedIndex = 1;
    } else {
    document.all["hidSel"].selectedIndex = 0;
    }
    if (document.all["hidSel"].selectedIndex == 0) {
    alert(111);
    }
    }
    </script>
    <select name="select" onclick="test()" id = "Sel">
      <option value="1" selected>1</option>
      <option value="2">2</option>
      <option value="3">3</option>
      <option value="4">4</option>
      <option value="5">5</option>
    </select>
    <select style="display:none" id="hidSel">
      <option value="1" selected>1</option>
      <option value="2" >2</option>
    </BODY>
    </HTML>