Yii2 Jquery onchange dropdown

Question

Ich versuche, Onclick auf einer Dropdown-Liste zu verwenden.

<?= $form->field($model, "contact_gender")->dropDownList(ArrayHelper::map($genders, 'value', 'description'),['class'=>'form-control','prompt'=>'Please Select','onchange'=>'getSalutationValue','required'=>true])->label('Gender') ?> 

<?= $form->field($model, "contact_title")->dropDownList(ArrayHelper::map($salutations, 'value', 'description'),['class'=>'form-control Salutation','prompt'=>'Please Select','required'=>true])->label('Salutation') ?> 

und dies ist meine Funktion:

Dies ist meine Ansicht

<script> 
function getSolutationValue() { 
    var value = (this.value); 
    if(value == 'Male'){ 
     $('.Salutation').val('0'); 
    } 
    if(value == 'Female'){ 
     $('.Salutation').val('1'); 
    } 
    if(value == 'Unspecified'){ 
     $('.Salutation').val('2'); 
    } 
} 

</script> 

Was ich will, ist, wenn ich einen Wert von contact_gender wähle, wird ein Wert automatisch in CONTACT_TITLE ausgewählt. Vielen Dank im Voraus.

p/s: Ich bin ein Neuling.

Answer 1

Ich löste es. Die Probleme sind, dass ich den Wert nicht angegeben habe und ich on.change zweimal hinzugefügt habe. Hier ist der richtige Code. Danke für die Antwort.

<?= $form->field($model, "contact_gender")->dropDownList(ArrayHelper::map($genders, 'value', 'description'),['class'=>'form-control gender','prompt'=>'Please Select','required'=>true])->label('Gender') ?> 

<?= $form->field($model, "contact_title")->dropDownList(ArrayHelper::map($salutations, 'value', 'description'),['class'=>'form-control Salutation','prompt'=>'Please Select','required'=>true])->label('Salutation') ?> 

$this->registerJs(' 
$(".gender").change(function(){ 
    var value = this.value; 
    if(value == "MALE"){ 
    $(".Salutation").val("0"); 
    } 
    if(value == "FEMALE"){ 
    $(".Salutation").val("4"); 
    } 
    if(value == "UNSPECIFIED"){ 
    $(".Salutation").val("23"); 
} 
}); 

Answer 2

Sie sollten diesen Code versuchen.

$this->registerJs(" 
$(function(){ 
    $('.gender').change(function(){ 
     getSalutationValue(this.value); 
    }); 
    function getSalutationValue(value) { 
     if(value == 'Male'){ 
     $('.Salutation').val('0'); 
     } 
     if(value == 'Female'){ 
     $('.Salutation').val('1'); 
     } 
     if(value == 'Unspecified'){ 
     $('.Salutation').val('2'); 
     } 
    } 
    }); 
"); 

<?= $form->field($model, "contact_gender")->dropDownList(ArrayHelper::map($genders, 'value', 'description'), ['class'=>'form-control gender','prompt'=>'Please Select', 'required'=>true])->label('Gender') ?> 

<?= $form->field($model, "contact_title")->dropDownList(ArrayHelper::map($salutations, 'value', 'description'),['class'=>'form-control Salutation','prompt'=>'Please Select','required'=>true])->label('Salutation') ?>