php中下拉框中的数字为for循环，如何让数字点击时不再跳转？代码如下

<html> <body> <select name="" id="dj"> <?php for($i=1;$i<=7;$i++){ ?> <option value="<?php echo $i ; ?>"><?php echo $i; ?></option> <?php } ?> </select> </body> <script> document.getElementById('dj').onchange = function (){ window.location.href = '?page='+this.value; } </script> </html>

查看完整描述

3 回答

已采纳

灬紫羽

TA贡献107条经验获得超71个赞

注意看我代码后面给的注释：

<html>
<script type="text/javascript" src="//localhost/test/js/jquery.js"></script><!--注意此处的引用jquery.js文件,改成你自己的文件路径即可-->
<body>
<select name="" id="dj">
    <?php for($i=1;$i<=7;$i++){ ?>
        <option value="<?php  echo $i ; ?>" onclick="javascript:test()"><?php echo $i; ?></option>
    <?php } ?>
</select>
</body>
<script>
//    document.getElementById('dj').onchange = function (){
//        window.location.href = '?page='+this.value;//你的window.location.href本身就是跳转的意思;要想不跳转就用异步发送的方式;
//    }
    //get方式发送
    var page = document.getElementById('dj').value;
    function test(){
        $.ajax({
            type:'GET',
            url:'?page='+page,
            success:function(data){
                alert(page);
            },
            error:function(){
                alert(errno);
            }
        })
    }
</script>
</html>

反对回复 2016-05-30