在 ZEND 的 select 下拉列表中 selecting 后的 onchange 事件

Onchange event after selecting in select dropdown list in ZEND

我有一个使用 select 标签的下拉列表视图,我想知道如何在 select 在我的下拉列表中输入一个值后有一个事件或一个 onchange 事件。

这是我在 index.phtml

中的代码
    <?php if (count($users)): ?>
    <table class="table table-hover">
    <thead>
    <tr>
        <th>Name</th>
        <th>E-mail</th>
        <th>Level</th>
        <th></th>
      </tr>
    </thead>
    <?php foreach ($users as $user): ?>
   <tr>
        <td><a href="<?php echo $this->url('user/edit', array('id' => $user->id)); ?>"><?php echo $this->escapeHtml($user->first_name . ' ' . $user->last_name); ?></a></td>
        <td><?php echo $this->escapeHtml($user->email); ?></td>
        <td>
            <select name="level">

            <?php $level = $this->escapeHtml($user->level); ?>

            <?php if ($level == 1): ?>
                 <option value="1" selected="selected">Administrator</option>
                 <option value="2">Manager</option>
                 <option value="3">HR Staff</option>
             <?php elseif ($level == 2): ?>
                 <option value="1" >Administrator</option>
                 <option value="2" selected="selected">Manager</option>
                 <option value="3">HR Staff</option>
               <?php elseif ($level == 3): ?>
                 <option value="1" >Administrator</option>
                 <option value="2" >Manager</option>
                 <option value="3" selected="selected">HR Staff</option>
                <?php endif; ?>
            </select>
        </td>
        <td style="text-align: right;">
            <a href="<?php echo $this->url('user/delete', array('id' => $user->id)); ?>" class="btn btn-mini btn-danger" rel="tooltip" title="Delete this user"><i class="icon-remove icon-white"></i></a>
        </td>
    </tr>
    <?php endforeach; ?>
    </table>
<?php else: ?>
<h3>There are no registered users available.</h3>
<?php endif; ?>

提前致谢

创建 javascript 函数并将函数放入 select 框 onchange 事件。

检查 fiddle

上的工作示例
<script>
 function changeTest(obj){
    alert(obj.options[obj.selectedIndex].value);
  }
</script>

 <select name="level" onChange="changeTest(this)">
   <option value="1" selected="selected">Administrator</option>
             <option value="2">Manager</option>
             <option value="3">HR Staff</option>
 </select>