สอบถามเรื่องการนำค่าจาก dropddownlist มาแสดงค่าเป็นชื่อคำข้างหน้าของสินค้า

<?

<div id="res"></div>
<div class="alert alert-error hide">
<button type="button" class="close" data-dismiss="alert">×</button>
<span>กรุณาป้อน ข้อมูลให้ครบ</span>
</div>
<form name="frmAdd" id="frmAdd" method="post" enctype="multipart/form-data">
<table width="50%" border="0" align="center" cellpadding="3" cellspacing="3">
  <tr>

    <th align="right" valign="top">article_id: </th>
    <input type ="hidden" name="article_id" id="article_id" value="<?=$article_id;?>"/>
  </tr>	
  <tr>
    <th align="right" valign="top">ประเภทอุปกรณ์: </th>
    <td>

          <select class="span5" id="cat_id" name="cat_id" onchange="document.getElementById('output').value=this.value;">
          <option value="">-- ประเภทอุปกรณ์ --</option>
          <?
          $strSQL = "SELECT * FROM tb_category ORDER BY cat_id ASC";
          $objQuery = mysql_query($strSQL);
          while($objResuut = mysql_fetch_array($objQuery))
          {?>
          <option value="<?=$objResuut["cat_id"];?>"><?=$objResuut["cat_name"];?></option>
          <?}?>
          </select>
        <tr>
             <td><input type="text" id="output" name="output"></td>
        </tr>
    <td colspan="2" align="center">
    <input type="button" name="save" id="save" value="บันทึก" class="btn btn-success span2">
      &nbsp; <input type="button" name="cancel" id="cancel" value="ยกเลิก" class="btn span2">
?>