gpt4 book ai didi

javascript - 根据用户输入自动完成字段重定向到 URL

转载 作者:行者123 更新时间:2023-11-28 06:57:04 25 4
gpt4 key购买 nike

我已经找到了我想做的两件事的编码,但不知道如何将它们结合起来。我在下面复制了我发现的两个代码块,它们似乎可以单独工作。我对 javascript 不太了解,但正在努力学习..谢谢

根据用户输入重定向到 URL

<form id='formName' name='formName' onsubmit='redirect();return false;'>
<input type='text' id='userInput' name='userInput' value=''>
<input type='submit' name='submit' value='Submit'>
</form>

<script type='text/javascript'>
function redirect() {
var input = document.getElementById('userInput').value.toLowerCase();
switch(input) {
case 'keyword1':
window.location.replace('page1.html');
break;
case 'keyword2':
window.location.replace('page2.html');
break;
default:
window.location.replace('error.html');
break;
}


}
</script>

以及自动完成

https://jqueryui.com/autocomplete/

最佳答案

对于硬编码的自动完成解决方案,当选择选项时会重定向,您可以执行以下操作:

  <script>
$(function() {
//hardcodes autocomplete options
var availableTags = [
"www.google.com",
"www.facebook.com",
];
//initiate autocomplete on the #tages input using the tags defined above
$( "#tags" ).autocomplete({
source: availableTags
});
});
//Watch for a change to the #tags text box
$(function(){
$("#tags").change(function(){
//When value changes, take that value and set variable
var x = $(this).val();
//Change window location using our variable
window.location.replace(x);
});
});
</script>
</head>
<body>

<div class="ui-widget">
<label for="tags">Tags: </label>
<input id="tags">
</div>

自动完成非常简单,请按照您提供的 jqui 网站上的说明进行操作。然后,您可以简单地将事件处理程序添加到自动完成输入,该事件处理程序在更改时将打开一个包含当前值的页面......这部分代码是:

 $(function(){
$("#tags").change(function(){
var x = $(this).val();
window.location.replace(x);
});
});

关于javascript - 根据用户输入自动完成字段重定向到 URL,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32486489/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com