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

Question

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

    <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>

当客户选择“Cash - pay in station”时，应该会出现如下：

   <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() );
}
});