时间戳

首页 > 解决方案 > 如何使用 velo 在表单中插入元素

jquery - 如何使用 velo 在表单中插入元素

问题描述

我正在尝试在 Wix 的表单中插入一个元素。当用户从下拉菜单中单击一个选项时，询问“您想出售多少商品？”，根据用户选择的数字，会出现多个小表单。以下是来自 stereobuyers.com 的示例：

在此处输入图像描述

在此处输入图像描述

在此处输入图像描述

这是我到目前为止所做的代码，第 1 组是设备表单，引用下拉列表是下拉列表。现在它只是显示而没有进入两个输入字段之间，这是我所期待的。

    $w("#group1").hide();

    $w("#quoteDropdown").onChange((event) => {
        let newValue = event.target.value;
        console.log(Number(newValue))
        let quantity = Number(newValue);

        // if the quantity is more than 1 show the equipment form
        if(quantity > 0) {
            $w("#group1").show()
        }
    })

标签： jqueryvelo

解决方案

看起来您需要将设备表格放入中继器中。然后，您可以通过调整中继器的大小来添加任意数量的它们。

data您可以通过设置其属性来调整中继器的大小。在这里，您实际上不会传递任何数据，但您可以使用数据数组的大小来根据要出售的物品数量添加或删除设备表格。

例如，如果要出售的物品数量是三个，您可以这样设置中继器数据，您将拥有三种设备形式：

$w('#equipmentRepeater').data = [{_id: '0'},{_id: '1'},{_id: '2'}];

然后，当然，您必须将信息从表格中取出，可能放入一个集合中。您可以使用数据集或数据 API 来做到这一点。这将比正常情况更棘手，因为您在转发器中有一个表格。

推荐阅读