Javascript 选择开关选择更改

Question

我有2个选择，一个在改变的时候切换另一个

<select class="select-global-132" name="tipo" id="tipo" onchange="tipo_cambio()">
        <option value="Digital" selected>Seleccionar</option>

          <option value="Boleta">Boleta</option>
          <option value="Factura">Factura</option>
          <option value="Traslado">Guia de Despacho</option>
          </select>

第二个

<select style="display:none;" name="iva" id="iva" >
            <option value="0" selected>No</option>
            <option value="19">Aplicar 19%</option>


            </select>

执行技巧的 javascript 在第一次选择选项 2 或 3 时设置 TAXES，但我刚刚添加了一个新选项，它不能添加税，但无论如何它都会添加

尝试修复它的方法如下

function tipo_cambio () {
var tipo = document.getElementsByName('tipo')[0];
if ( tipo.value == "Digital")
if ( tipo.value == "Traslado")
     taxes.selectedIndex = 0;

else taxes.selectedIndex = 1;

但它并没有真正起作用，它无论如何都会增加税收。我需要它在设置为第一个或最后一个选项时不设置 19% 的税，但仅使用选项 2 和 3 应用税(切换其他选择)

问题在这里，但我不擅长javascript

if ( tipo.value == "Digital")
if ( tipo.value == "Traslado")

有什么想法吗？

这里是完整的javascript代码

var taxes    = document.getElementsByName('iva')[0];
var discount = document.getElementsByName('descuento')[0];
var cost     = document.getElementsByName('neto')[0];
var price    = document.getElementsByName('preciodesc')[0];
var tneto   = document.getElementsByName('totalneto')[0];
var ttaxes   = document.getElementsByName('ivaunitario')[0];
var ivatot   = document.getElementsByName('ivatotal')[0];
var total    = document.getElementsByName('subtotal')[0];
var quantity = document.getElementsByName('cantidad')[0];
var ttp      = document.getElementsByName('total')[0];
var micosto      = document.getElementsByName('costo')[0];
var costotot      = document.getElementsByName('costototal')[0];
var migan      = document.getElementsByName('ganancia')[0];
var gantot      = document.getElementsByName('gananciatotal')[0];

function updateInput() {
  price.value = cost.value - (cost.value * (discount.value / 100));
  ttaxes.value = (price.value * (taxes.value / 100));
  ivatot.value = parseFloat(ttaxes.value) * parseFloat(quantity.value);

  costotot.value = parseFloat(micosto.value) * parseFloat(quantity.value);
  migan.value = parseFloat(price.value) - parseFloat(micosto.value);
  gantot.value = parseFloat(migan.value) * parseFloat(quantity.value);


  tneto.value = parseFloat(price.value) * parseFloat(quantity.value);
  var sum = parseFloat(price.value) + parseFloat(ttaxes.value);
  total.value = sum.toFixed(0);
  ttp.value = sum.toFixed(0) * quantity.value;
}

taxes.addEventListener('change', updateInput);
discount.addEventListener('change', updateInput);
cost.addEventListener('change', updateInput);
cost.addEventListener('keyup', updateInput);
quantity.addEventListener('keyup', updateInput);

function tipo_cambio () {
var tipo = document.getElementsByName('tipo')[0];
if ( tipo.value == "Digital")
if ( tipo.value == "Traslado")
     taxes.selectedIndex = 0;

else taxes.selectedIndex = 1;
updateInput();
}

Answer 1

试试这个..也许这可以帮助你..你现在可以使用 jquery

function tipo_cambio () {
var tipo = $('#tipo').val();
if ( $('#tipo').val() == "Digital"){

}else if ( $('#tipo').val() == "Traslado"){
    $('#iva').show();
    $('#iva').val(19);    
}else {
    $('#iva').val(0);    
    updateInput();
}

示例 JSFIDDLE