如何在Wix中使用JavaScript代码构建动态搜索表单?
目前,我们正在我们的网站www.dptwiskunde.nl上构建一个新部件,该网站使用Wix构建。在其中一个页面上(访客尚不可见),我们希望访客能够搜索与他们特别相关的文档(即过去的考试问题) 本页面的主要思想是创建一个包含三个输入字段的搜索表单(所有下拉列表,请参见屏幕截图1)。因此,访问者应该找到满足他们选择的如何在Wix中使用JavaScript代码构建动态搜索表单?,javascript,search,input,dynamic,velo,Javascript,Search,Input,Dynamic,Velo,目前,我们正在我们的网站www.dptwiskunde.nl上构建一个新部件,该网站使用Wix构建。在其中一个页面上(访客尚不可见),我们希望访客能够搜索与他们特别相关的文档(即过去的考试问题) 本页面的主要思想是创建一个包含三个输入字段的搜索表单(所有下拉列表,请参见屏幕截图1)。因此,访问者应该找到满足他们选择的级别(niveau)、课程(vak)和主题(OnDerERP)的所有文档 这超出了Wix提供的功能,因此我必须通过使用JavaScript代码(我以前从未使用过)来实现这个搜索表单
级别
(niveau)、课程
(vak)和主题
(OnDerERP)的所有文档
这超出了Wix提供的功能,因此我必须通过使用JavaScript代码(我以前从未使用过)来实现这个搜索表单
作为初学者,我想到了以下代码:
import wixLocation from 'wix-location';
export function dropdown1_change_1(event, $w) {
$w("#dropdown2").enable();
$w("#dropdown3").enable();
$w("#dropdown3").disable();
$w("#button21").enable();
$w("#button21").disable();
}
export function dropdown2_change_1(event, $w) {
$w("#dropdown3").enable();
}
export function dropdown3_change_1(event, $w) {
$w("#button21").enable();
}
$w.onReady(function () {
$w("#button21").onClick( (event, $w) => {
let searchValue = $w("#dropdown1").value;
let searchValue2 = $w("#dropdown2").value;
let searchValue3 = $w("#dropdown3").value;
wixLocation.to("https://rpunder.wixsite.com/dptwiskunde/online-Examenopgaven/Niveau/" + searchValue + searchValue2 + searchValue3);
[enter image description here][1]});
});
这段代码的主要缺点是,它不允许访问者仅从一个或两个下拉列表中选择选项,因为我将它们发送到一个动态页面,该页面的url包含所有三个选项(因此,第二个和第三个下拉列表在开始时被禁用)。第二个缺点是,我实际上希望第三个下拉列表中的输入选项取决于前两个下拉列表中的输入。如果一个访问者选择了它的等级和路线,我只希望那些主题对他有用
我看了很多教学视频,但没有一个能帮我解决这个问题。这里有人可以这样做吗?简单回顾一下问题:
万分感谢那个能帮助我的人 您可以在第一个和第二个下拉列表中添加“任意”选项,这将允许用户在这些下拉列表中不选择任何内容。这样可以更容易实现。该示例将帮助您解决问题2。谢谢!我还没想到这个主意。这至少可以解决我问题中较简单的那一半