（jQuery）プルダウンボックスに"選択肢を選んでください"を表示させる方法

Question

###実現したいこと
プルダウンボックスにて親カテゴリを選択すると、その下にある子カテゴリボックスの中身が自動的に変わるという機能を実装しています。

現状、親カテゴリを選択していないと子カテゴリボックスがブランク状態になっているのですが、ここに「---子カテゴリを選択してください」という文字列を表示させるようにしたいです。

なお、本コードは下記サイトを参考にしております。
https://blog.narito.ninja/detail/50

おそらく基本的なことで恐縮ですがアドバイス頂きたくよろしくお願い致します。

各種コード

<script>
    const areaElement = $('#id_area');
    const attractionElement = $('#id_attraction');
    const area_attraction = {
        'エリア': [
            {
                'value': 'アトラクション1',
                'name': 'アトラクション1'
            },
            {
                'value': 'アトラクション2',
                'name': 'アトラクション2'
            },
        ],
    };
    const changeArea = (select) => {
        attractionElement.children().remove();
        const parentId = areaElement.val();
        const categoryList = area_attraction[parentId];
        for (const category of categoryList) {
            const option = $('<option>');
            option.val(category['value']);
            option.text(category['name']);
            attractionElement.append(option);
        }
        if (select !== undefined) {
            attractionElement.val(select);
        }
    };
    $('#id_area').on('change', () => {
        changeArea();
    });
    if (areaElement.val()) {
        const selectedCategory = attractionElement.val();
        changeArea(selectedCategory);
    }
</script>

必要最低限のコードを記載したつもりですが、不足点ありましたがご指摘いただけますと幸いです。

バージョン
HTML5
Bootstrap 4.7.0
Python 3.6.3
Django 2.2.16
jQuery 3.5

お手数ですがご確認のほどよろしくお願い致します。

Answer 1

for (const category of categoryList) {

この前に、固定でその「選択してください」のoptionをappendすれば良いのでは。

Comments

[minari766]

ご回答有り難うございます！
const categoryList = area_attraction[parentId];とfor (const category of categoryList) の間に以下コード（2パターン）を入力してみたのですが何方も微妙に違う結果となってしまいました。

パターン1
間に$('option').append('選択してください');を追加
→親カテゴリの選択肢名に'選択してください'が追加されました。（例：「親カテゴリ選択してください」）

パターン2
間にattractionElement.append('<option>選択選択してください</option>');を追加。
→子カテゴリの選択肢に'選択してください'が追加されたものの、プルダウンを押す前はボックスがブランクのままになってしまっている。

お手数となり恐縮ですが、間違い箇所について再度ご指摘いただけないでしょうか。