Versteckter Eingabefeldwert sollte entsprechend der Auswahlbox geändert werden

Question

Dies ist mein Skriptcode. Da stimmt etwas nicht.

$(function() { 
    $('#type').on('change', function() { 
     if ($('#type').val('Workshop')) 
      $('#color').val('Orange')); 
     else if ($('#type').val('Social')) 
      $('#color').val('Green'); 
     else if ($('#type').val('Other')) 
      $('#color').val('Red')); 

    }); 
}); 

Unten ist die Form von Drop-Box und verstecktes Feld.

{!! Form::select('type', array('type' => 'type','Workshop' => 'Workshop', 'Social' => 
    'Social','Other' => 'Other'), 'type', ['id' => 'type']) !!} 
{!! Form::hidden('color','', ['id' => 'color']) !!} 

Answer 1

Sie müssen den Code in Ihrer JavaScript-Funktion aktualisieren, um eine gültige Überprüfung durchzuführen, z.

if ($(this).val() == 'Workshop') 
    $('#color').val('Orange')); 
... 

Answer 2

Sie sollten $(this).val() verwenden Sie den gewählten Wert dann vergleichen Sie es mit Streichern ('Werkstatt', 'Social', 'Sonstiges') zu bekommen, wird $('#type').val('Workshop') den Wert Workshop zum #type Element zuordnen:

$(function() { 
    $('#type').on('change', function() { 
     var selected_option = $(this).val(); 

     if (selected_option == 'Workshop') 
      $('#color').val('Orange')); 
     else if (selected_option == 'Social') 
      $('#color').val('Green'); 
     else if (selected_option == 'Other') 
      $('#color').val('Red')); 

    }); 
}); 

Hoffe das hilft.

Answer 3

val ('Workshop') ändert den Wert des Eingangs. Sie können diese verwenden:

if (this.value=='Workshop') 
     $('#color').val('Orange')); 

oder

 if ($(this).val()=='Workshop') 
     $('#color').val('Orange'));