Wählen Sie Tag onchange Ereignisse Ausgabe

Question

Ich bekomme ein Problem bei der Auswahl Tag onChange events.Ich wähle Wert von select-Tag und Wert wird in Textbox, die in Skript deklarieren angezeigt. Es funktioniert perfekt, wenn ich class = "input" von select tag entfernt habe, aber ich möchte class = "input" nicht entfernen. Bitte helfen Sie mir dabei.

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

Sie können nicht 2 class Attribute in Ihrem Code verwenden, aber Sie können dies tun:

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

Es gibt auch keine Werte in Ihrem <option> Satz Um dies zu tun, können Sie Folgendes tun:

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

Answer 2

Sie können ein Attribut mehrfach definiert Bei einem einzelnen Element überschreibt das erste Attribut die nachfolgenden Attribute. Dies kann in HTML5 spec, 8.2.4.35 Attribute name state

refered werden, wenn es bereits ein Attribut auf dem Token mit exakt dem gleichen Namen, dann ist dies ein Parse-Fehler und das neue Attribut muss aus dem Token entfernt werden.

Sie müssen ein einzelnes Klassenattribut setzen.

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

statt

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

Answer 3

Änderung Ihrer '.input' Klasse einfach 'wählen' - Arten gelten DOM-Element wählen und '.input' Klasse von Ihrem Tag select