Question

使用变形制作表单，并希望根据用户的选择更改pageShema类。防爆。如果他从selectwidget中选择选项1，则向他显示一组字段，如果是其他选择的情况 - 另一个。这该怎么做？

Answer 1

你可以使用jquery并选择＆＃34; name＆＃34;属性。此外，您可以使用jquery＆＃34; parent（）＆＃34;函数来获取您有兴趣显示/隐藏的输入的容器。

例如，在您的架构中执行以下操作：

# This is the "<select>"
choices = (('yes','Yes'),
           ('no', 'No'))
bar = colander.SchemaNode(colander.String(),
                          widget=deform.widget.SelectWidget(values=choices))

# This is the input that should appear only when the "yes" value is selected
foo = colander.SchemaNode(colander.String())

然后，在您的模板中添加类似以下内容：

<script>
$( document ).ready(function() {

// ensure that the "foo" input starts hidden
var target = $("input[name=foo]").parent().parent();
target.hide();

$("select[name=bar]").on('change', function(){
    var valueSelected = this.value;
    if (valueSelected == "yes") {
      target.show();
    } else {
      target.hide();
    }
});



});
</script>

变形的动态表单

1 个答案: