javascript - 选择标记 onchange 事件问题

Question

我在选择标签 onChange 事件上遇到问题。我从选择标签中选择值，该值将显示在脚本中声明的文本框中。当我从 select 标签中删除 class="input"但我不想删除 class="input"时，它工作得很好。 请帮助我。

HTML

<select class="input" name="month" class="style4">
   <option> Product  </option>
   <option> Product1 </option>
   <option> Product2 </option>
   <option> Product3 </option>
   <option> Product4 </option>
</select>

<input type="text" name="No_Inst" id="No_Inst"  >

CSS

.input {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    border: 1px solid #999;
    border-radius: 5px;
    padding: 10px 12px;
    background: #fff;
    font-size: 14px;
    color: #000;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    outline: none;
    margin-bottom: 25px
}

js

$(document).ready(function(){    
$('.style4').change(function(){
  var a = $(this).val();

   if(a == 'Product'){
        $('#No_Inst').val('')
    }

    if(a == 'Product1'){
        $('#No_Inst').val(50)
    }

     if(a == 'Product2'){
        $('#No_Inst').val(100)
    }
});
});

Answer 1

你不能使用 2 class代码中的属性，但您可以这样做:

<select name="month" class="input style4">

您的 <option> 中也没有值设置，为此你可以这样做:

<option value="My value">Hello</option>