1

Ajax 経由で更新する 2 つのドロップダウン ボックスがありますが、どちらも手動で使用すると正常に動作します。

ユーザーが最初のドロップダウンをクリックして項目を選択すると、Ajax 呼び出しが行われ、2 番目のドロップダウン ボックスが更新されます。ユーザーが 2 番目のドロップダウンをクリックすると、Ajax 応答がフォームを更新します。

今私の問題: URL を使用してそのフォームにユーザーを送信し、2 つの変数を渡して、フォームが変数をチェックし、両方のドロップダウンを自動的に更新できるようにしたいと考えています。問題なく最初のドロップダウンを更新し、変更イベントをトリガーすることもできます。しかし、何らかの理由で 2 番目のドロップダウン ボックスの値が更新されません。

以下は私が持っているコードのスニペットです:

jQuery('#jform_make').val('<?php echo $make; ?>');
jQuery('#jform_make').trigger('change', function() {
    console.log("state changed");
    jQuery('#jform_service').val('<?php echo $service; ?>');
    jQuery('#jform_service').change();
});
//jQuery('#jform_make').change( function(){
jQuery('#jform_make').bind('change', function() {
    console.log("state changed");
});

これはコンソールに何も記録しません。

アップデート：

jQuery('#jform_make').val('<?php echo $make; ?>').change();
jQuery('#jform_make').change(function(event) {
    console.log(jQuery(this).val());
});

ありがとう

4

1 に答える 1