如何在选择列表框中的项目时触发动画

Question

我有一个由两个选项组成的列表框：

    <table width="auto" height="auto" style="position:relative; top:100px;">
      <tr>
        <td><select name="payment_selection"></td>
        <td>
           <option id="sel_cash" value="">Cash - pay in station</option>
           <option id="sel_account" value="">Customer account</option>
        </td>
        </select>
      </tr>
    </table>

当客户选择“现金 - 车站付款”时 这应该出现在下面：

   <td>Total</td>
   <td><?php //code ?></td> 

当客户选择“客户帐户”时 这应该通过javascript出现在下面。

    <td>Your remaining balance is</td>
    <td><?php //code ?></td>

你可以给我一个代码。我只通过onclick函数知道按钮 但不是列表框和选择。希望标题在我的问题中是正确的。

Answer 1

<table width="auto" height="auto" style="position:relative; top:100px;">
      <tr>
        <td><select onchange="somefunction();" name="payment_selection"></td>
        <td>
           <option id="sel_cash" value="">Cash - pay in station</option>
           <option id="sel_account" value="">Customer account</option>
        </td>
        </select>
      </tr>
    </table>
<script>
function somefunction(){
alert("value changed!");
}
</scrip>

我想你知道这会发生什么

Answer 2

$( '#payment_selection' ).bind({
'change': function( event ) {
alert( $( this ).val() );
}
});