0

只是想知道是否可以在单选检查事件或按钮 onclick 事件上显示和隐藏 zend 表单中的子表单。因为我有一个带有用户字段元素的表单，现在我想要一个带有密码元素的子表单，这将使用户能够选择更改他们的密码。但是，我只想根据要求显示密码元素（即：单击单选按钮“更改密码”并显示更改密码元素）。

Zend\Form 可以做到这一点，还是我需要使用客户端 javascript 来显示和隐藏元素？

4

1 回答 1

2

这是可能的，但这种事情是客户端的，所以你需要使用 javascript 才能做到这一点。就个人而言，我喜欢使用 jQuery 来处理这类事情，它让事情变得容易多了。这是一个关于如何做到这一点的示例。

class My_Form extends Zend_Form {

$field = $this->createElement('select', 'myselect');
$field->setLabel('Choose to display the form or not');
$field->setMultiOptions(array('1'='Display', '2'=>'Do not display'));
$this->addElement($field);

$field = $this->createElement('text', 'optionaltext');
$field->setLabel('This is an optional field');
$this->addElement($fiel);
}

现在，在您的布局中，您应该包含 jQuery 库：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript">

最后，您应该包含另一个 .js 文件（或简单地将代码嵌入页面的 <script> 标记中）。

$(document).ready(function() {
 $(function() {
  //Function triggered when changing the value in the drop down
  $('#myselect').change(function(event) {
   if($('#myselect').val() == 1) {
    //Show elements
    $('#optionaltext').show();
    //The following line shows/hides all the dd/dt wrappers as well
    $('[id*=optionaltext]).show();
   } else {
    //Hide elements
    $('#optionaltext').hide();
    //The following line shows/hides all the dd/dt wrappers as well
    $('[id*=optionaltext]).hide();
   }
  });
 });
});

现在请记住，我没有测试过代码，我只是在我真正喝完当天的第一杯咖啡之前把它写在了我的头上，所以......它可能有一些错误。话虽如此，这应该是您想做的事情的良好开端。如果缺少某些内容或找不到您的错误，请在此处提出您的问题。希望这可以帮助 ！

于 2012-07-22T12:08:42.723 回答