select 与submit关联

问题如题 不知表达又没有问题 反正就在网页制作中实现 select选项选定后submit提交 超链接到相对应的页面

解决方案 »

  1.   

    <!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>
    </head><body>
    <form action="#" method="post" id="form1">
    <select id="sel">
         <option value="">--请选择--</option>
         <option value="http://www.baidu.com">百度</option>
            <option value="http://www.sina.com">新浪</option>
        </select>
    </form>
    <script>
    document.getElementById('sel').onchange =function(){
    var value =this[this.selectedIndex].value;

    document.getElementById('form1').action = value;
    document.getElementById('form1').submit();
    };
    </script>
    </body>
    </html>
      

  2.   

    表达确实有问题啊...你的意思是想要通过下拉列表来动态设置提交表单的目标URL(action属性)吗？
      

  3.   

    监听元素的onchange事件 change了就提交form
    借用北北的代码
    <form action="#" method="post" id="form1">
        <select id="sel">
            <option value="">--请选择--</option>
            <option value="http://www.baidu.com">百度</option>
            <option value="http://www.sina.com">新浪</option>
        </select>
    </form>
    <script>
        document.getElementById('sel').onchange =function(){
            var value =this[this.selectedIndex].value;
            
            document.getElementById('form1').action = value;
            document.getElementById('form1').submit();    
        };
    </script>