0

我使用 jquery-ajax 并拥有三个文件。我的文件是：

jquery-1.8.3.min.js

索引.html

res.html

jquery-1.8.3.min.js文件是 jquery 文件的主要文件。
index.html 代码是： 

<html>
    <head>
        <script type="text/javascript" src="jquery-1.8.3.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $.ajax({url:'res.html',type:"POST",data:'',success:function(result){
                        $("#responsediv").html(result);
                    }
                });
            });
            $(document).ready(function(){
                $('#state_id').change(function(){
                    alert($(this).val());
                });
            });
        </script>
    </head>
    <body>
        <div id="responsediv">

        </div>
    </body>
</html>

res.html 代码是： 

<select id="state_id" name="state_id">
    <option value="1">first</option>
    <option value="2">second</option>
    <option value="3">third</option>
    <option value="4">forth</option>
</select>

我不知道为什么这段代码没有运行。

$(document).ready(function(){
    $('#state_id').change(function(){
        alert($(this).val());
    });
});

这是示例和简单的代码。我在另一个项目上检查了这个并面临这个问题。谢谢。

4

3 回答 3

1

我认为这应该在这里：

<script type="text/javascript">
        $(document).ready(function(){
            $.ajax({url:'res.html',type:"POST",data:'',success:function(result){
                    $("#responsediv").html(result);
                }
            });
            $(document).on('change', '#country_id', function(){
                alert($(this).val());
            });
        });
</script>

笔记：

you don't need two doc ready handlers.

试试这个，看看这是否有帮助。

于 2012-12-09T07:46:50.873 回答
0

您的 HTML 中缺少国家/地区的选择框。尝试修改如下：

<html>
    <head>
        <script type="text/javascript" src="jquery-1.8.3.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $.ajax({url:'res.html',type:"POST",data:'',success:function(result){
                        $("#responsediv").html(result);
                    }
                });

                $('#country_id').change(function(){
                    alert($(this).val());
                });
            });
        </script>
    </head>
    <body>
        <select id="country_id">
            <option value="0">Select Country...</option>
            <option value="1">Country One</option>
            <option value="2">Country Two</option>
        </select>
        <div id="responsediv">

        </div>
    </body>
</html>
于 2012-12-09T07:36:52.933 回答
0

您的 html 中似乎没有$('#country_id')可以引用的元素。

于 2012-12-09T07:36:53.977 回答