いつもお世話になっております。
少し詰まってしまったので、ご教授頂ければと思い質問させてください。

管理画面の受注管理のステータス管理を改造しております。

デフォルトではステータスの変更をしたいもののチェックボックスにチェックを入れて、上部にある移動させる項目を選んで変更していますが、これを各受注案件毎に直接ステータス変更できるようにしたいのです。

チェックボックスの位置にスタータス項目のプルダウンが来て、「移動」ボタンはそのままで、ボタンが押された時に、プルダウンが変更されているものを移動させるようにカスタマイズできるのでしょうか。

---------------------------
status.tpl
---------------------------

<form name="form1" id="form1" method="POST" action="?" >
<input type="hidden" name="mode" value="" />
<input type="hidden" name="product_id" value="" />

<table>
<tr>
　<th colspan=3><a href="java script:;" onclick="fnSelectCheckSubmit(); return false;"><span>移動</span></a></th>
</tr>
<tr>
　<th>ステータスを選択</th>
<th>対応状況</th>
<th>注文番号</th>
<th>受注日</th>
<th>お名前</th>
<th>支払方法</th>
<th>購入金額（円）</th>
<th>入金日</th>
<th>発送日</th>
</tr>
<!--{section name=cnt loop=$arrStatus}-->
<tr>
　<td>
<select id="<!--{$arrStatus[cnt].order_id}-->" name="change_status">
<option value="" selected="selected" style="<!--{$Errormes|sfGetErrorColor}-->" >選択してください</option>
<!--{foreach key=key item=item from=$arrORDERSTATUS}-->
<!--{if $key ne $SelectedStatus}-->
<option value="<!--{$key}-->" ><!--{$item}--></option>
<!--{/if}-->
<!--{/foreach}-->
<option value="delete">削除</option>
</select>
</td>
</tr>
<!--{/section}-->
</table>

</form>


<script type="text/javascript">
<!--
function fnSelectCheckSubmit(){

　　document.form1.product_id.value = document.getElementsByName(change_status).id;

　　document.form1.mode.value = 'update';
　　document.form1.submit();
}
//-->
<script>

---------------------------

簡易的にjavascriptを書いてみましたが、上記の方法ですと、change_statusのidに入れたorder_idを引っ張ってこれないのです。
alertですと、undentifiedでした。

申し訳ありませんが、どうかよろしくお願い致します。

----------------
何分知識が浅いですが･･･
出来得る限り協力したいと思っています