javascript - 如何使第二个下拉值与第一个下拉值相同？

Question

我认为有以下代码:

<?= $form->labelEx($model, 'p_2_1', array('class' => 'col-xs-12 col-sm-2 control-label')) ?>
    <div class="col-xs-12 col-sm-3">
        <?= $form->dropDownList($model, 'p_2_1',array_combine($model->getData('money'),$model->getData('money')), array('class' => 'form-control')) ?>
        <?= $form->error($model, 'p_2_1') ?>
    </div>
<?= $form->labelEx($model, 'p_3_1', array('class' => 'col-xs-12 col-sm-2 control-label')) ?>
    <div class="col-xs-12 col-sm-3">
        <?= $form->dropDownList($model, 'p_3_1',array_combine($model->getData('money'),$model->getData('money')), array('class' => 'form-control')) ?>
        <?= $form->error($model, 'p_3_1') ?>
    </div>

在我的模型中，我有以下代码:

public function getData($property) {
    $data = array(
        'money' => array(
            Yii::t('plaintinfo', 'RUB'),
            Yii::t('plaintinfo', 'USD'),
            Yii::t('plaintinfo', 'EURO'),
        ),
    );
    return $data[$property];
}

当用户 p_2_1 值发生变化时，我需要开发 JavaScript 代码，p_3_1 值也会发生变化并变得与 p_2_1 值相同。 (例如，如果用户从下拉列表 p_2_1 中选择 USD，则 p_3_1 的值将自动为 USD(与 p_2_1(USD) 相同)。我该怎么做？

Answer 1

您可以使用以下 Javascript 代码解决该问题。您还可以将您的 id 更改为更容易理解。

<script>
$("#p_2_1").change(function(){
   var selected = $("#p_2_1 option:selected").val();
   var elementToChange = document.getElementById('p_2_1');
   elementToChange.value = selected;
});
</script>