Question

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

jquery-1.8.3.min.js

index.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());
    });
});

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

Answer 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.

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

Answer 2

您缺少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>

Answer 3

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

如何在ajax的响应中使用jquery

3 个答案: