HTML表单选择onchange chang另一个选择值

时间:2015-06-19 18:12:20

标签: javascript jquery html html5 forms

我有2个选择。第一个定义客户是否会收到发票。如果是,则更改为发票类型1或2,第二个选择税自动更改以应用19%的税。如果我改回没有发票,它会转为免税。

我怎样才能做到这一点?

<select id="invoice">
  <option value="no" selected>no invoice</option>
  <option value="invoice-type-1">invoice type 1</option>
  <option value="invoice-type-2">invoice type 2</option>
</select>

<select id="taxes">
  <option value="0"> tax free</option>
  <option value="19"> apply 19%</option>

</select>

jsFiddle

2 个答案:

答案 0 :(得分:1)

应该是一个简单的jquery。在发票更改检查值上,根据您拥有的值切换另一个。

$('#invoice').change(function(){
    if($(this).val()=='no')
        $('#taxes').val('0');
    else
        $('#taxes').val('19');
});

Jsfiddle --DEMO--

答案 1 :(得分:1)

$("#invoice").change(function(){
    if($(this).val().indexOf("invoice") !== -1) {
        $("#taxes").val(19);
    } else {
        $("#taxes").val(0);
    }
});

这是更新的小提琴 - http://jsfiddle.net/QEUwg/345/