ドロップダウンリストの内容を書き換えたい

Question

###前提・実現したいこと
拠点が選択(変更)されるたびにその拠点に所属する担当者を表示したい。
拠点を選択するとDBからデータは取れています。
何も選択されていない状態であれば全ての担当を表示するのでremoveからのappendかと思いましたが、
上書きなどが出来る場合はその方法を知りたいです。

###該当のソースコード

function salesUpd(){
	var hanbai = $("#hanbai").val();
	$.ajax({
		type: "POST",
		url: url_change,
		async:true,
		dataType: "text",
		data: {
			hanbai:hanbai
		},
		success: function(data, dataType) {
			var data_array = JSON.parse(data);
			$('#salesID option').remove();
<!--removeまでは上手くいっています-->

<!--この部分の記述方法がよくわかりません↓-->
$('#salesID').append('<option>'.data_array);
<!--この部分の記述方法がよくわかりません↑-->
		},
		error: function(res, textStatus, xhr) {
		}
	});
		return true;
}

 Array
(
    [0] => Array
        (
            [E] => Array
                (
                    [No] => 88010
                    [Name] => aaa
                )

        )

    [1] => Array
        (
            [E] => Array
                (
                    [No] => 99991
                    [Name] => bbb
                )

        )

)

[{"E":{"No":"88010","Name":"aaa"}},{"E":{"No":"99991","Name":"bbb"}}]

<TR>
	<TD style="width: 20px;"></TD>
	<TD style="width: 120px;">
		販売拠点
	</TD>
	<TD colspan="4">
		<SELECT name="hanbai" id="hanbai" style="width:200px">
			<OPTION value=""></OPTION>
			<?php foreach($hanbaiKyotenList as $hanbai):
				$code = h($hanbai['B_Cd_M']['B_Cd']);
				$name = h($hanbai['B_Cd_M']['B_Name']); ?>
				<OPTION value="<?php echo $code ?>"
				<?php if(!empty($select_hanbaikyoten) && $select_hanbaikyoten == $code ){ ?> selected <?php } ?> >
				<?php echo $code; ?>|<?php echo $name; ?></OPTION>
			<?php endforeach; ?>
		</SELECT>
	</TD>
</TR>

<TR>
	<TD style="width: 20px;"></TD>
	<TD style="width: 120px;">
		従業員番号
	</TD>
	<TD colspan="4">
		<SELECT name="salesID" id="salesID" style="width:200px">
			<OPTION value="" ></OPTION>
			<?php foreach($salesIDList as $salesID):
				$no = h($salesID[E]['No']);
				$name = h($salesID[E]['Name']); ?>
				<OPTION value="<?php echo $no ?>"
				<?php if(!empty($select_selesID) && $select_selesID == $no ){ ?> selected <?php } ?> >
				<?php echo $no; ?>|<?php echo $name; ?></OPTION>
			<?php endforeach; ?>
		</SELECT>
	</TD>
</TR>

###試したこと
appendの部分でforEachを入れて生成する必要があるのかと思いやってみましたが
書き方がダメなのか上手くいきませんでした。

data_array.forEach(elejoin);

function elejoin(){
	var no = data_array[E][No];
	var name = data_array[E][Name];
	var sales = no + '|' + name;
}

Comments

[kei344]

HTMLも提示ください。

[m.ts10806]

PHPが返すdataのフォーマットをサンプルで構いませんので提示願います。

[iorin]

HTMLとログを追記しました。

[iorin]

データはDBから取得したものをjson_encodeしてjsに渡しています。

Answer 1

一番ベーシックなのはforですね。

    for(i=0;i<data_array.length;i++){
        $('#salesID').append('<option value="'+data_array[i]["E"]["No"]+'">'+data_array[i]["E"]["Name"]);
    }

上書きしようと思うと件数が違った場合を加味してUpdしたりAddしたり
判定を入れなければならなくなり、複雑になるのでご提示の通りremoveからのappendで良いと思います。

Comments

[iorin]

やりたい動きには近づいたのですが、上記のソースだと番号しか表示されないです。。
番号｜氏名 の形で表示できるのが理想です。
また、</optin>は不要なのでしょうか？

[m.ts10806]

私のほうで勝手にvalueにNoを、表示部分にNameを設定したので自身で出したいようにカスタマイズしてください。
※すみませんnameじゃなくてvalueでしたね。回答修正しています

</option>は不要です。
append()実行時にjQuery側で閉じタグもつけてくれます。
生成結果のHTMLソースはブラウザの開発ツールで見れますので、
想定どおり出来ているかの確認にお役立てください。

[iorin]

ありがとうございます！少し編集して表示したいように出来ました。
本当に助かりました。

[m.ts10806]

やり方はこれだけではないはずなので、他にも色々やってみて自分に合ったやり方を見つけてください。
（私は「想定どおりの結果が出ればひとまずそれでいい派」です）

Answer 2

簡単なのは最初からoptionタグの状態で返してもらうこと
そうでなければdataTypeをjson型にしてループしてoptionを作ることですね