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

美好的一天。我的问题是我有一个dropDownlist有三个选项：A，B，C。我需要做的是显示一个文本字段取决于用户选择。用户选择B =>它会显示文本字段BB（应该是必需的而不是空的）用户选择了C = >它会显示文本字段CC（这应该是必需的，而不是空的）根据下拉列表值动态显示所需文本字段

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

编辑：它现在工作。现在唯一的问题是，当我将选定的文本字段留空并显示错误时，显示的文本字段（与下拉列表的值相关的字段）消失或返回状态显示：隐藏。这发生在“文本字段不能为空”错误消息之后。 dropdownList的初始选定值仍然存在，并且仍处于焦点状态，但文本字段消失。

这里是我的修订码：

VIEW：

<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上查看：

<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; 
})";

来源

2013-05-07 Cristina Amor Gatbonton

那你实际尝试？ – soju 2013-05-07 07:49:05

我已经可以显示/隐藏潜水取决于下拉列表的值，但我不知道如何使显示div所需的元素。 – 2013-05-07 09:04:14

请添加您的模特规则和检视代码 – soju 2013-05-07 09:05:19

你可以试试这个：

下拉的每一个变化的情况下，您可以设置值提交的文本后..

来源

2013-05-07 10:19:35 kotanjan

我已经这样做了。我只剩下一个问题。你能检查我的更新代码，看看你能帮助我吗？谢谢。 – 2013-05-07 11:51:41

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

回答

相关问题