Yii2 Автоматический ввод при выборе определенного элемента из dropDownList - PullRequest
Новая
       70

Yii2 Автоматический ввод при выборе определенного элемента из dropDownList

0 голосов
/ 26 декабря 2018

У меня было 2 ввода в моей форме под названием Kode Soal и Jenis Soal.Я хочу, чтобы ввод Kode Soal автоматически заполнялся, когда я выбирал определенный элемент из раскрывающегося списка Jenis Soal.Я знаю, что мне нужно включить случай if, но где я должен его включить?Этот случай не касается вызова элемента из базы данных, я хочу просто автоматически заполнить ввод перед его отправкой. 

<?php
use yii\helpers\Html;
use yii\widgets\ActiveForm;
?>

<div class="soal-form">

    <?php $form = ActiveForm::begin(); ?>

    <!-- THIS IS THE DROP DOWN LIST -->
    <?= $form->field($model, 'jenis_soal')->dropDownList([
        'pedagogik' => 'Kompetensi Pedagogik',
        'profesional' => 'Kompetensi Profesional',
        'kepribadian' => 'Aspek Kepribadian',
        'sosial' => 'Aspek Sosial'
    ], ['id' => 'jenisSoalId'])?>


    <!-- WHEN I SELECT E.G. Kompetensi Pedagogik, it should automatically filled "PED" -->

    <?php
    if(!empty($model->jenis_soal) && $model->jenis_soal == 'pedagogik') {
        $model->kode_soal = 'PED';
    }elseif($model->jenis_soal == 'profesional'){
        $model->kode_soal == 'PROF';
    }elseif($model->jenis_soal == 'kepribadian') {
        $model->kode_soal == 'KEP';
    }elseif($model->jenis_soal == 'sosial') {
        $model->kode_soal == 'SOS';
    }
    ?>

    <?= $form->field($model, 'kode_soal')->dropDownList([
        'PED' => 'PED', 'PROF' => 'PROF', 'KEP' => 'KEP', 'SOS' => 'SOS'
    ], ['id' => 'kodeSoalId'])?>

    <?= $form->field($model, 'soal')->textarea(['rows' => 6]) ?>


    <div class="form-group">
        <?= Html::submitButton('Save', ['class' => 'btn btn-success']) ?>
    </div>

    <?php ActiveForm::end(); ?>

</div>

<script>
$("#jenisSoalId").change(function() {
     if($("#jenisSoalId").val() == 'pedagogik') {
         $("#kodeSoalId").val("PED");
     }
     if($("#jenisSoalId").val() == 'profesional') {
         $("#kodeSoalId").val("PROF");
     }
     if($("#jenisSoalId").val() == 'kepribadian') {
         $("#kodeSoalId").val("KEP");
     }
     if($("#jenisSoalId").val() == 'sosial') {
         $("#kodeSoalId").val("SOS");
     }
});
</script>

Когда пользователь выбирает "Kompetensi Pedagogik" в Jenis Soal, ввод Kode Soal должен автоматически заполняться с помощьютекст "PED", иначе, если выбран "Kompetensi Profesional", код Koal Soal заполнен "PROF", следовательно, "Kompetensi Kepribadian" - это "KEP", а "Kompetensi Sosial" - это "SOS"

1 Ответ

0 голосов
/ 26 декабря 2018

Попробуйте код ниже 

<?php $form = ActiveForm::begin(); ?>

    <!-- THIS IS THE DROP DOWN LIST -->

    <?= $form->field($model, 'jenis_soal')->dropDownList([
        'pedagogik' => 'Kompetensi Pedagogik', 
        'profesional' => 'Kompetensi Profesional', 
        'kepribadian' => 'Aspek Kepribadian', 
        'sosial' => 'Aspek Sosial'
    ], ['id' => 'jenisSolaId']) ?>

    <!-- WHEN I SELECT E.G. Kompetensi Pedagogik, it should automatically filled "PED" here -->
    <?php if (!empty($model->jenis_soal) && $model->jenis_soal == 'pedagogik') : ?>
         <?php $model->kode_soal = 'PED'; ?>
    <?php endif; ?>

    <?= $form->field($model, 'kode_soal')->textInput(['id' => 'kodeSolaId', 'maxlength' => true]) ?>
    <?= $form->field($model, 'soal')->textarea(['rows' => 6]) ?>

<?php ActiveForm::end(); ?>

<script>
     $("#jenisSolaId").change(function() {
         if($("#jenisSolaId").val() == 'pedagogik') {
             $("#kodeSolaId").val("PED");
         }
     });
</script>
...