以下の Javascript コードは、ユーザーがドロップダウンから選択したものに応じてコンテンツを表示するために使用されます。ユーザーがドロップダウンの値を変更し、#disp の display.php にコードを表示すると起動します。
<script type="text/javascript">
$(document).ready(function() {
$('#choose').change(function() {
if($(this).val() != '') {
$.ajax({
type: 'get',
url: 'display.php',
data: { 'value' : $(this).val() } ,
success: function(data) {
$("#disp").html(data);
}
});
}
});
});
</script>
問題は、フォームが既にアクティブ化された選択肢でロードされたときに、ドロップダウンが事前入力されていることがあり、#choose の値が変更されていないため、javascript が呼び出されないことです。load(function() を使用できますが、変更してもトリガーされません。
ユーザーがコンテンツを変更したときだけでなく、同じ呼び出し内で値が 0/null/空白ではない読み込み時にも同じコードを実行するにはどうすればよいですか?
ありがとう