问题描述
我在使用下拉菜单时遇到了一些问题，用于过滤 wix 上我的商店页面上的所有产品。不知道为什么它不起作用。我逐行检查了我的代码，这让我发疯了。
想知道是否有人可以提供帮助并告诉我我哪里出错了？
我得到的唯一错误是在第 132 行的末尾，就在 export function dropdown1_change(event) 所在的末尾。
parsing error ‘import’ and ‘export’ may only appear at the top wix
我希望顶部的 4 个下拉框能够根据下拉框的选择过滤页面上的结果。第一个下拉产品类型（PC、平板电脑、手机等），第二个下拉品牌（Apple、Samsung、atc...）第三个下拉系列（iphone）第四个型号。仅第一个下拉列表加载页面，选择并启用第一个下拉列表后加载第二个下拉列表，其他下拉框依此类推。下拉菜单连接到数据表。
我已经仔细检查了拼写错误或正确的集合名称以及字段键。我还检查了功能和导出功能。
代码如下：
import wixData from 'wix-data';
$w.onReady(function () {
uniquedropdown1();
});
function uniquedropdown1() {
wixData.query("Searchfield1")
.limit(1000)
.find()
.then(results => {
const uniqueTitles = getUniqueTitles(results.items);
$w("#dropdown1").options = buildOptions(uniqueTitles);
});
function getUniqueTitles(items) {
const titlesOnly = items.map(item => item.typ);
return [...new Set(titlesOnly)];
}
function buildOptions(uniqueList) {
return uniqueList.map(curr => {
return { label: curr,value: curr };
});
}
}
export function dropdown1_change(event,$w) {
uniquedropdown2();
$w("#dropdown2").enable();
}
function uniquedropdown2() {
wixData.query("Searchfield1")
.contains("znakaZariadenia",$w("#dropdown1").value)
.limit(1000)
.find()
.then(results => {
const uniqueTitles = getUniqueTitles(results.items);
$w("#dropdown2").options = buildOptions(uniqueTitles);
});
function getUniqueTitles(items) {
const titlesOnly = items.map(item => item.znakaZariadenia);
return [...new Set(titlesOnly)];
}
function buildOptions(uniqueList) {
return uniqueList.map(curr => {
return { label: curr,value: curr };
});
}
}
export function collection_change(event,$w) {
uniquedropdown3();
$w("#dropdown3").enable();
}
function uniquedropdown3() {
wixData.query("Searchfield1")
.contains("sriaZariadenia",$w("#dropdown2").value)
.limit(1000)
.find()
.then(results => {
const uniqueTitles = getUniqueTitles(results.items);
$w("#dropdown3").options = buildOptions(uniqueTitles);
});
function getUniqueTitles(items) {
const titlesOnly = items.map(item => item.sriaZariadenia);
return [...new Set(titlesOnly)];
}
function buildOptions(uniqueList) {
return uniqueList.map(curr => {
return { label: curr,value: curr };
});
export function dropdown1_change(event) {
// This function was added from the Properties & Events panel. To learn more,visit http://wix.to/UcBnC-4
// Add your code for this event here:
}
export function dropdown2_change(event) {
// This function was added from the Properties & Events panel. To learn more,visit http://wix.to/UcBnC-4
// Add your code for this event here:
}
export function dropdown3_change(event) {
// This function was added from the Properties & Events panel. To learn more,visit http://wix.to/UcBnC-4
// Add your code for this event here:
}
export function dropdown4_change(event) {
// This function was added from the Properties & Events panel. To learn more,visit http://wix.to/UcBnC-4
// Add your code for this event here:
}
解决方法
暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！
如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@）