前の質問の続きです。

想像ですけど、2セットの SELECT って、form が分かれてるんじゃないでしょうか？
こんなふうに。

<form>  <!-- ひとつ目 -->
    <SELECT name="productA" id="productA" onchange="createChildOptionsA(this.form);createChildOptions2A(this.form)">
        <option>...</option>
    </SELECT>
    ...
</form>

<form>  <!-- ふたつ目 -->
    <SELECT name="product2A" id="product2A"　onchange="createChildOptions2A(this.form)">
        <option>...</option>
    </SELECT>
    ...
</form>

createChildOptions2A() の引数に渡している this.form は、その SELECT が含まれている FORM なので、product2A の SELECT を選択したときには、正しく動きますけど、productA のときには product2A が含まれていない FORM が渡されるので、「見つからない」と出るのでしょう。

productA から createChildOptions2A を呼ぶときには、this.form ではなく、product2A が含まれる FORM を探して渡してあげれば良いと思います。
例えば、ふたつ目の FORM に id 属性を付けて、document.getElementById で渡してあげる、とか。

<form>  <!-- ひとつ目 -->
    <SELECT name="productA" id="productA"
        onchange="...; createChildOptions2A(document.getElementById('second_form'))">

...

<form id="second_form"> <!-- ふたつ目 -->
    <SELECT name="product2A" id="product2A"　onchange="createChildOptions2A(this.form)">

肝心の部分が見切れちゃうので、色々と省略してますが、createChildOptions2A() の引数に着目してください。

    onchange="...; createChildOptions2A(document.getElementById('second_form'))"


<form id="second_form" ...>

＃ 想像が外れてたら、ごめんなさい。