スペースに作成したドロップダウンの選択値を別の文字列に代入したい(Kintone,JavaScript)

Question

いつもお世話になっています。

現在、Kintone上でJavaScriptによるカスタマイズを行っています。

Kintoneの別アプリから情報を取得し、スペース上にドロップダウンを作ります。

このドロップダウンを選択した際、UI上の文字列に選択した文字を表示させたいのですがうまくいきません。

また、ドロップダウンを選択する前に、ドロップダウンに初期表示されている値を初期値として文字列に入れておく
動作も動きません。

どちらも「event.record」を使った式なので、この書き方がおかしいのが原因と思われるのですが、
どのように書けばいいのか分からないので、アドバイスを頂けませんでしょうか。

よろしくお願いいたします。

   function Kokyaku(event) {
        var record = event.record;
        // クエリ文の設定
        var query = {
            "app": 222,//別アプリの番号
        };
        return kintone.api(kintone.api.url('/k/v1/records', true), 'GET', query).then(
            function(resp) {
                var AppRecords = resp.records;//別アプリから取得したレコード
                var lbKokyaku =  document.createElement("div");
                lbKokyaku.appendChild(document.createTextNode('顧客'));
                
                var ddKokyaku =  document.createElement('select');
                ddKokyaku.id = 'dd_Kokyaku';
                ddKokyaku.style.width = "200px";
                ddKokyaku.style.height = "40px";
                
                
                if (document.getElementById('dd_Kokyaku') !== null) {
                    return;
                }
                //最初にプルダウンを、全てクリアする
        		for (var i=ddKokyaku.childNodes.length-1; i>=0; i--) {
        			ddKokyaku.removeChild(mySpaceField.childNodes[i]);
        		}
                //プルダウンに項目入力
                AppRecords.forEach(function(AppRecord,i){
                ddKokyaku.add( new Option(AppRecord['顧客略称']['value'], i+1 ));
                    if(i===0){
                         //ここがうまくいかない：その1=====================================================================
                        event.record['顧客']['value']=AppRecord['顧客略称']['value']//文字列へ初期値入力
                         //ここがうまくいかない：その1終===================================================================                   
                    }
                });
                ddKokyaku.add( new Option( '手入力', AppRecords.length+1));
                
                //ここでスペースにラベル及びドロップダウン情報を挿入
                kintone.app.record.getSpaceElement('Kokyaku').appendChild(lbKokyaku);
                kintone.app.record.getSpaceElement('Kokyaku').appendChild(ddKokyaku);
                
                dd_Kokyaku.onchange = function(event)
              {
                //ここがうまくいかない：その2====================================================================
                var record = event.record;
                var selectedItem = this.options[ this.selectedIndex ];
                if(selectedItem.text==='手入力'){
                    event.record['顧客'].disabled=false;// 手入力OK
                    event.record['顧客']['value']='';//文字列へ入力
                }else{
                    event.record['顧客'].disabled=true; // 手入力禁止
                    event.record['顧客']['value']=selectedItem.text;//文字列へ入力
                }
                //ここがうまくいかない：その2終====================================================================
              }
                return event;
            }).catch(function(e) {
                alert("レコードの取得でエラーが発生しました  - error: " + e.message);
                return false;
        });
    }

Answer 1

下記HPをもとに解決いたしました。
https://note.mu/worklog_jumpei/n/nb7a9aae77f99

下記のように書くとよいのですね。

dropdown.on('change', function(value) {
var record = kintone.app.record.get();
if(value==='手入力'){
record['record']['顧客']['disabled'] =false;//手入力OK
record['record']['顧客']['value'] ='';
}else{
record['record']['顧客']['disabled'] =true;//手入力OK
record['record']['顧客']['value'] = value;
}
kintone.app.record.set(record);
});