外部ファイルにあるjavascriptの関数が呼ばれない

現在セレクト機能を作成しています

第一カテゴリ(発送方法)と第二カテゴリ(送料)

があるのですが

第一カテゴリによって第二カテゴリの選択項目が動的に変動するように作成しました

ですがなぜか写真のようにsetPostage関数が呼ばれていないのか

select機能が表示されないです

コードの方も何度も確認しましたがわからずじまいです

html
1    <script src="../method/method.js"></script>
2    <script src="../method/postage.js"></script>
3
4
5    <div>発送方法と送料</div>
6    
7        <select name="method" id="method" onChange="callPostage()"></select>
8    
9        <select name="postage" id="postage"></select>
10
11
12
13  <!--ここでselect系の別ファイルを呼び出してnameを参照して表示-->
14    <script >
15    callMethod();
16  
17    </script>
18

js
1
2function callMethod(){
3     var chooseMethod = document.forms.formName.method;
4     chooseMethod.options[0] = new Option("==発送方法==");
5     chooseMethod.options[1] = new Option("クリックポスト");
6     chooseMethod.options[2] = new Option("普通郵便");
7     chooseMethod.options[3] = new Option("ミニレター");
8
9
10     setPostage(chooseMethod);
11}
12
13function callPostage(chooseMethod){
14      var chooseMethod = document.forms.formName.method;
15         setPostage(chooseMethod);
16}
17
18


function setPostage(chooseMethod){
var choosePostage = document.forms.formName.postage;

           choosePostage.options.length = 0;


if(chooseMethod.options[chooseMethod.selectedIndex].value == "") {
   choosePostage.options[0] = new option("==送料==");

}

else if (chooseMethod.options[chooseMethod.selectedIndex].value == "1") {

    choosePostage.options[0] = new option("198円");
}


else if (chooseMethod.options[chooseMethod.selectedIndex].value == "2") {
        choosePostage.options[0] = new option("84円");
        choosePostage.options[1] = new option("94円");
        choosePostage.options[2] = new option("120円");
        choosePostage.options[3] = new option("140円");
        choosePostage.options[4] = new option("210円");
}

else if (chooseMethod.options[chooseMethod.selectedIndex].value == "3") {
            choosePostage.options[0] = new option("63円");

}


}

m.ts10806

2020/07/12 04:02

関数でなければ呼ばれるんでしょうか。 console.logなりalertなりで確認してみてください。あとはエラーが出てないか確認を

m.ts10806

2020/07/12 04:03

あと本件PHP関係無さそうですね

nguyenseiji

2020/07/12 04:17 編集

ご連絡ありがとうございます関数をconsole.logで調べる際は一度変数に入れないといけないのでしょうか調べてみると変数の中身しか見れないという事で.. <script> var test = callPostage(); document.write(console.log(test)); </script> 記述コードをこのようにしたらundefinedになったのでうまく関数が呼び出されていないという事でしょうか

nguyenseiji

2020/07/12 04:25

nguyenseiji

2020/07/12 04:27

このようにコードを記載したら関数の呼び出し失敗になったのですがこの関数は確実に呼び出しは成功しています関数が呼び出されているか確認するときは undefinedでif文を作成しても問題ないのでしょうか

coco_bauer

2020/07/12 05:25

nguyenseijiさんが「この関数は確実に呼び出しは成功しています」と判断した根拠は何ですか？ yambejpさんが指摘しているように、質問に書かれているプログラムには、callFirstCategoliという関数の宣言が無いのです。ひょっとして、質問のタイトルにある"外部ファイルにあるjavascript"があるのですか？　質問に書かれていないプログラムは、無いも同然なんですけど。（誰も、どんなコードなのかを知る方法が無いですから）

nguyenseiji

2020/07/12 05:32

コメントありがとうございます。大変失礼いたしました全く関係ない関数になります修正しておきます申し訳ございません関数が確実に呼び出されている根拠は callFirstCatyegoli関数は optionの出力文字を外部ファイルできか記載していないのですが問題なくカテゴリに大分類と記載されていますので成功と判断しております

AkitoshiManabe

2020/07/12 22:36

修正依頼：HTMLの追記（意図した動作にならなくなった時点のHTML）依頼理由：画像からはHTML構造の推測しかできないため開発者コンソール（PCブラウザではF12で開く）の「Elementsタブ」でツリーを表示し、フォーム部分のHTMLをコピペして示してください。詳細が示されることで詳細な回答も得られると思います。