0

私はjquery-ajaxを使用し、3つのファイルを持っています。私のファイルは：

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

これはサンプルで簡単なコードです。私は別のプロジェクトでこれをチェックし、この問題に直面しています。ありがとう。

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 に答える