<select name="test" onchange="alert('有提示')">   
  <option value="00001">test1</option>   
  <option value="00002">test2</option>   
  <option value="00003">test3</option>   
  </select>   
  <button onclick="test.value='00002';">测试有没有提示</button>   选择下拉菜单,可以有提示。
点击按钮后定位到某项后,如何也出现提示?
必须支持 FF 、IE

解决方案 »

  1.   


    select1.fireEvent("onchange");   FF下支持吗
      

  2.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
    $("#buttonTest").click(function() {
    $("select[name=test]").val("00002").change();
    });
    });
    </script>
    </head>
    <body>
    <select name="test" onchange="alert('有提示')"> 
    <option value="00001">test1 </option> 
    <option value="00002">test2 </option> 
    <option value="00003">test3 </option> 
    </select> 
    <button id="buttonTest">测试有没有提示 </button>   
    </body>
    </html>
      

  3.   

    不明白你说的意思  <select name="test" onchange="alert('有提示')"> 
      <option value="00001">test1 </option> 
      <option value="00002">test2 </option> 
      <option value="00003">test3 </option> 
      </select>   <button onclick="test.value='00002';" value="测试有没有提示 " /> 点了之后 button 的按钮显示就变成了 00002 了 
      

  4.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <script src="../jquery-1.3.2.js" type="text/javascript"></script>
    <script type="text/javascript">
    $(document).ready(function(){
    $("select[name=test]").change(function(){

    alert($(this)[0].value);
    });
    $("input[type=button]").click(function(){

    alert($("select[name=test]")[0].value);
    });
    });
    </script>
    </head><body>
    <select name="test">  
      <option value="00001">test1 </option>  
      <option value="00002">test2 </option>  
      <option value="00003">test3 </option>  
      </select>  
      <input type="button" value="测试有没有提示" /></body>
    </html>
    可能想要这种效果.IE6.IE7.FF测试通过..
      

  5.   

    哎。那我还是帮你写一下吧。。<select name="test" onchange="fun(this.value)" id="sel"> 
      <option value="00001">test1 </option> 
      <option value="00002">test2 </option> 
      <option value="00003">test3 </option> 
    </select> 
    <input onclick="fun(00001);" value="测试有没有提示" type="button" /><script type="text/javascript">
    var fun = function(v){
        for(var i=0;i<document.getElementById('sel').length;i++){
           var s = document.getElementById('sel').options[i] ;
           if(s.value == v){
    alert('you got it');
    s.selected = true ;
    break ;       
    }
    }
    }</script>
      

  6.   


    <html>
    <head>
    <script type="text/javascript">
    function favBrowser()
    {
    var mylist=document.getElementById("myList")
    document.getElementById("favorite").value=mylist.options[mylist.selectedIndex].text
    }
    </script>
    </head><body>
    <form>
    请选择您喜欢的水果:
    <select id="myList" onchange="favBrowser()">
      <option>苹果</option>
      <option>水蜜桃</option>
      <option>香蕉</option>
    </select>
    <p>您喜欢的水果是:<input type="text" id="favorite" size="20"></p>
    </form>
    </body></html>
      

  7.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
        <script type="text/javascript">
    function buttonTest() {
    var select = document.getElementsByName("test")[0];
    select.value = "00002";
    select.onchange();
    }
        </script>
    </head>
    <body>
        <select name="test" onchange="alert('有提示')"> 
            <option value="00001">test1 </option> 
            <option value="00002">test2 </option> 
            <option value="00003">test3 </option> 
        </select> 
        <button id="buttonTest" onclick="buttonTest();">测试有没有提示 </button>   
    </body>
    </html>
      

  8.   


    <HTML>
    <HEAD>
    <script language="javascript">
    function test(){
    alert("提示");
    }
    function setSelValue(value){
    var sel_flag = document.getElementById("selTest");
    if(sel_flag.value != value){
    sel_flag.value = value;
    sel_flag.onchange();
    }
    }
    </script>
    </HEAD><BODY>
    <select id="selTest" onchange="test()">
    <option value="00001">00001</option>
    <option value="00002">00002</option>
    <option value="00003">00003</option>
    </select>
    <input type="button" value="测试" onclick="setSelValue('00002')" />
    </BODY>
    </HTML>