jquery - 在 chrome 中选择“onclick”事件时显示/隐藏 div 时出现问题

Question

我有一个表格，用户可以在其中选择“帐单地址与送货地址相同”作为选择是或否。我正在尝试使用 jquery Show () hide() 在 select 上显示/隐藏 div。这是我正在使用的代码：

<select name="use_shipping_as_billing" >
<option value="Yes" selected="selected"  onclick="$('#billing_form').hide();" >Yes</option>
 <option value="No" onclick="$('#billing_form').show();"  >No</option>
</select>

它在 FF 中工作正常，但 div 在 Chrome 中没有显示/隐藏。我进行了很多搜索并尝试了许多其他选项，包括 onchange() 但似乎没有任何效果。任何输入都会有所帮助。谢谢

Answer 1

<select name="use_shipping_as_billing" >
 <option value="Yes" selected="selected" >Yes</option>
 <option value="No">No</option>
</select>

<script>
    $(function(){
        $('select[name=use_shipping_as_billing]').change(function(){
            if(this.value === "Yes")
               $('#billing_form').hide();
            else
               $('#billing_form').show();
        }).change();
    });
</script>