Question

我在视图中有这个（_form.php）。

<div>
        <script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $("#pilih_dulu").change(function(){
                    $(this).find("option:selected").each(function(){
                        if($(this).attr("value")=="1"){
                            $(".box").not(".1").hide();
                            $(".1").show();
                        }

                        else if($(this).attr("value")=="2"){
                            $(".box").not(".2").hide();
                            $(".2").show();
                        }

                        else if($(this).attr("value")=="3"){
                            $(".box").not(".3").hide();
                            $(".3").show();
                        }

                        else{
                            $(".box").hide();
                        }
                    });
                }).change();
            });
        </script>
    </div>

    <div class = "col-lg-4">
        <?= $form->field($model, 'kat_id')->label(true)->dropDownList(
            ArrayHelper::map(TblKategori::find()->all(),'kat_id','kat_kategori'), ['id' => 'pilih_dulu']
        ) ?>
    </div>

    <div class="1 box col-lg-4">
        <?= $form->field($model, 'sok_id')->textInput(['value' => 1]) ?>
    </div>

    <div class="2 box col-lg-4">
        <?= $form->field($model, 'sok_id')->textInput(['value' => 2]) ?>
    </div>

    <div class="3 box col-lg-4">
        <?= $form->field($model, 'sok_id')->textInput(['value' => 2]) ?>
    </div>

问题是它没有存储正确的值。它似乎总是在最后一个方框中存储价值。

它假设像这样工作：

如果从下拉列表中选择值1，则应将sok_id的值存储在＆＃34; 1框＆＃34;。
如果从下拉列表中选择值2，则应将sok_id的值存储在＆＃34; 2框＆＃34;。
如果从下拉列表中选择值3，则应将sok_id的值存储在＆＃34; 3框＆＃34;。

请帮帮我。谢谢

Answer 1

如果我弄清楚了，你可以用简单的方式做到这一点：

<div class = "col-lg-4">
   <?= $form->field($model, 'kat_id')->label(true)->dropDownList(
      ArrayHelper::map(TblKategori::find()->all(),'kat_id','kat_kategori'), ['id' => 'pilih_dulu', 'onchange' => 'if($(this).val() == 1) {
                        $("#'.Html::getInputId($model, 'sok_id').'").val($(this).val());
                    }
                    else if($(this).val() == 2) {
                        $("#'.Html::getInputId($model, 'sok_id').'").val($(this).val());
                    } else if($(this).val() == 3){
                        $("#'.Html::getInputId($model, 'sok_id').'").val($(this).val());
                    }'
   ']) ?>
</div>

 <div class="box col-lg-4">
    <?= $form->field($model, 'sok_id')->textInput() ?>
</div>

无需3个字段，是的，必要时添加show()和hide()方法。

Yii2 - 选择下拉列表并设置输入字段的值

1 个答案: