javascript - 変更イベントで選択リストが起動されない

Question

jQuery を起動して、county_id 選択リストの変更イベントを発生させることができないようです。複数のコードスニペットを試しましたが、on change を起動するものはありません。何か案は？

HTML:

<select id="county_id" name="county_id">
    <option value=""></option>
    <option value="1">Somewhere</option>
    <option value="2">Somewhere else</option>
</select>

<select id="vice_county_id" name="vice_county_id"></select>

JS:

$(function(ready) {
    $("#county_id").change(
            function() {
                $("#vice_county_id").html("");
                var co_id = $("#county_id > option[@selected]").attr("value");
                if (co_id != 0) {
                    $.getJSON('./vice_county_web_service.php?co_id=' + co_id,
                            function(data) {
                                $.each(data, function() {
                                    $("#vice_county_id").append(
                                            $("<option></option>").val(
                                                    this['value']).html(
                                                    this['name']));
                                });
                            });
                }
            });

});

score 0 · Accepted Answer

選択ボックスの値を取得するのに十分

var co_id = $("#county_id").val();

on（）を使用する必要があります

$('#county_id').on('change', function() {
  //....
  var co_id = $("#county_id").val(); 
});

score 0 · Accepted Answer

試す：

$(document).ready(function(){
    $("#county_id").change(function() {
        $("#vice_county_id").html("");
        var co_id = $(this).val();
        if(county_id != 0) {
            $.getJSON('./vice_county_web_service.php?co_id=' + co_id,function(data) {   
                $.each(data, function() {
                    $("#vice_county_id").append($("<option></option>").val(this['value']).html(this['name']));
                });
            });
        }
    });
})

score 0 · Accepted Answer

`var co_id = $（"＃county_id> option [@selected] "）。attr（" value "）;'を変更します to'var co_id = $（ "＃county_id> option：selected"）。attr（ "value"）;'

http://jsfiddle.net/XvRsV/

score 0 · Accepted Answer

イベントは発生していますが、次のコード行は失敗しています。

var co_id = $("#county_id > option[@selected]").attr("value");

...それは無効なセレクターだからです。ブラウザのJavaScriptコンソールに、が表示されているはずですSyntax error, unrecognized expression: [@selected]。

jQueryは喜んであなたに価値をもたらします、ただ使用してvalください：

var co_id = $("#county_id").val();

実例| ソース

score 0 · Accepted Answer

あなたのコードは正常に動作しています。これは、変更イベントがコードによって適切に処理されていることを意味します。このリンクを参照してください

$(function(ready){
            $("#county_id").change(function() {
                $("#vice_county_id").html("test");
                var co_id= $("#county_id").attr("value");
                alert('Value : ' +co_id); 
            if(co_id != 0) {
                $.getJSON('./vice_county_web_service.php?co_id=' + co_id,function(data) {    
                    $.each(data, function() {
                        $("#vice_county_id").append($("<option></option>").val(this['value']).html(this['name']));
                    });
                });
            }
        });

    });

この行だけを変更し、

var co_id= $("#county_id").attr("値");

ajax呼び出しが機能しているかどうかを確認してください

score -1 · Accepted Answer

 <select id="county_id" name="county_id" onchange="ChangeCountry();">

function ChangeCountry()
{
   var _countryId = $('#county_id').val();
}

javascript - 変更イベントで選択リストが起動されない

6 に答える 6

Related

Reference