根据下拉列表值动态显示所需的文本字段

时间:2013-05-07 07:47:07

标签: dynamic yii textfield show-hide

美好的一天。我的问题是我有一个dropDownlist有三个选项:A,B,C。我需要做的是根据用户的选择显示文本字段。

示例:用户选择A =>它将显示文本字段AA(应该是必需的而不是空的)          用户选择B =>它将显示文本字段BB(应该是必需的而不是空的)          用户选择C =>它将显示文本字段CC(应该是必需的而不是空的)

任何人都可以帮助我吗?谢谢。

编辑:它现在正在运作。现在唯一的问题是,当我将所选文本字段留空并显示错误时,显示的文本字段(依赖于dropdownlist的值的文本字段)消失或返回状态显示:隐藏。这种情况发生在'textfield not not blank'错误消息之后。 dropdownList的初始选择值仍然存在,但仍处于焦点状态,但文本字段消失。

这是我更新的代码:

查看:

    <div class="row">
    <?php echo $form->labelEx($model,'org_type'); ?>
    <?php echo $form->dropDownList($model,'org_type', $model::getOrgType(), array('prompt'=>'', 'id'=>'orgType')); ?>
    <?php echo $form->error($model,'org_type'); ?>
</div>

<div class="row" style="display:none" id="sec">
    <?php echo $form->labelEx($model,'sec_ref'); ?>
    <?php echo $form->textField($model,'sec_ref', array('id'=>'secField')); ?>
    <?php echo $form->error($model,'sec_ref'); ?>
</div>

<div class="row" style="display:none" id="dti">
    <?php echo $form->labelEx($model,'dti_ref'); ?>
    <?php echo $form->textField($model,'dti_ref', array('id'=>'dtiField')); ?>
    <?php echo $form->error($model,'dti_ref'); ?>
</div>

<div class="row" style="display:none" id="cda">
    <?php echo $form->labelEx($model,'cda_ref'); ?>
    <?php echo $form->textField($model,'cda_ref', array('id'=>'cdaField')); ?>
    <?php echo $form->error($model,'cda_ref'); ?>
</div>

MODEL:

    public function addCustomError($attribute, $error) {
    $this->customErrors[] = array($attribute, $error);
}

/**
 */
protected function beforeValidate() {
    $r = parent::beforeValidate();

    if ($this->org_type == 'Single') {//this is the checkbox

        $this->validatorList->add(CValidator::createValidator('required',$this,'dti_ref',array()));

    }

    if ($this->org_type == 'Partnership') {//this is the checkbox

        $this->validatorList->add(CValidator::createValidator('required',$this,'sec_ref',array()));

    }

    if ($this->org_type == 'Corporation') {//this is the checkbox

        $this->validatorList->add(CValidator::createValidator('required',$this,'sec_ref',array()));

    }

    if ($this->org_type == 'Cooperative') {//this is the checkbox

        $this->validatorList->add(CValidator::createValidator('required',$this,'cda_ref',array()));

    }
    foreach ($this->customErrors as $param) {
        $this->addError($param[0], $param[1]);
    }
    return $r;
}

Javascript on View:

<script>
"$('#orgType').change(function(){
if($('#orgType').val() == 'Single')
{
    $('#dti').show();
    $('#dtiField').addClass('required');
    $('#cda').hide();
    $('#sec').hide();

}
if(($('#orgType').val() == 'Partnership') || ($('#orgType').val() == 'Corporation'))
{
    $('#sec').show();
    $('#secField').addClass('required');
    $('#dti').hide();
    $('#cda').hide();
}
if($('#orgType').val() == 'Cooperative')
{
    $('#cda').show();
    $('#cdaField').addClass('required');
    $('#dti').hide();
    $('#sec').hide();
}
return false;
})";

1 个答案:

答案 0 :(得分:0)

你可以试试这个:

DropDown的每个更改事件之后您可以将值设置为文件Filed ..