0

一部の JavaScript コードでこの問題が発生しています。デバッグによって問題を特定できたため、以下のエラーで簡略化しました。

HTML:

<select id="city_list_select" name="city">
    <div id="clist">
        <option>Select a Region First</option>
    </div>
</select>

JavaScript:

document.getElementById("clist").innerHTML = "<option>Test</option>";

このエラーが返されます: TypeError: プロパティ 'innerHTML' を null に設定できません。そのため、JavaScript がその div を見つけられないようです。div を削除して JS を getElementById("city_list_select") に変更することで問題を回避できましたが、将来同様の問題が発生した場合に備えて、div が機能しない理由を突き止めたいと思います。 .

4

1 に答える 1

2

ええと... SELECT タグ内に DIV タグを含めることはできないと思います。OPTION タグを使用してみるか、お気づきのように、SELECT タグの innerHTML を使用してすべての OPTION タグを置き換えてください。

<select id="city_list_select" name="city">            
  <option id="option1">Select a Region First</option>     
</select>

appendChildまた、新しい要素を既存の要素に追加するなどの方法も使用できることを忘れないでください。

于 2012-06-12T00:48:53.690 に答える