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

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]; 
} 

我需要开发的JavaScript代码，当用户p_2_1值的变化，p_3_1值也改变并与p_2_1的值相同。 （例如，如果用户从下拉列表p_2_1中选择美元，则p_3_1的值将自动为美元（与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>