无javascript的高级搜索
我正在构建一个带有a标签的高级搜索，以过滤第一个字母abcdefghijklmnopqrstuvwxyz0-9，以及一个输入字段、其他条件的选项字段、单选按钮和一个提交按钮。当我点击一个字母过滤器时，它会将其作为$\u GET变量发送。但是当我使用输入字段时，它当然会忘记它。在将此变量与表单中的所有其他变量一起发送之前，如何使用submit按钮获取此变量？我必须使用JS和AJAX吗？你推荐这个吗？
编辑
所以让我重新表述一下。我有不同的变量要发送到服务器，这些变量来自输入字段、单选按钮、选项字段，但我还希望为字母表中的每个字母创建一个链接（这样它就会列出所有以该字母开头的条目）。当我单击submit按钮时，它会从输入字段发送所有变量，但不会从a标签发送（因为我猜它们不会被识别为表单字段）。当我点击a标签（一封信）时，它只向服务器发送变量，这也很好。我的问题是，如何让提交按钮发送所有内容？
<input type='search' id='search-query' name='q' class='uk-input uk-form-width-medium' placeholder='Suche'>
<p>
<?php
foreach ($alphabet as $abc){
if ($abc == $letter) {
$class = 'current';
}
else $class = '';
echo '<a class="'.$class.'" href="'.$page->url.'?letter='.$abc.'">'.$abc.'</a> ';
}
?>
</p>
<select class="uk-select uk-width-medium" name="what">
<option>Titel</option>
<option>Autor</option>
<option>Erscheinungsdatum</option>
</select>
<label><input class="uk-radio" type="radio" name="how" value="aufsteigend" checked> aufsteigend</label>
<label><input class="uk-radio" type="radio" name="how" value="absteigend"> absteigend</label>
<button class="uk-button uk-button-primary" type="submit">Suche starten</button>
</form>```
共有2个答案
我并没有真正从解释中得到问题和整个情况，但听起来像以下内容：当用户单击特定按钮时，您希望根据输入字段的值呈现提示：...如果这是正确的，那么你将不得不无论如何发送一个get请求到后端，这样它就会返回带有所有提示的页面。
FE:
html prettyprint-override"><html>
<body>
<form action="app.com/myurl" method="GET" >
<input id="letter" value="a" name="letter" />
<input id="letter2" value="b" name="other_param" />
<input id="letter3" value="c" name="another_param" />
<!-- All three inputs will be visible in the $_GET variable when you send the request -->
<!-- Other input fields here: <input type="whatever" id="whatever".../> -->
<button type="submit">letter filter</button>
</form>
</body>
</html>
我假设你想有一个动态的谷歌式搜索，你在其中键入“a”，它会给你一个下拉列表的选项，如“飞机，苹果，动脉”等。如果是这样的话，那么是的，你确实需要JS AJAX。您可以让AJAX在输入字段中动态显示可用选项，而不是单击字母过滤器。考虑到对问题的模糊描述和用户界面图像的缺失，我们只能说这些了。
-
问题内容： 我想进行一个高级搜索，其中用户要搜索可选参数，将来自三个表的数据连接如下 我将附加到查询字符串的可选参数如下 我的问题是如何将代码转换为laravel查询生成器 问题答案： 我没有尝试过此代码，但它应在laravel 4.2下工作。 更新： 为了进行查询验证，您可以使用以下命令打印查询： 并验证您的查询是否与所需查询不同。如果事情有所不同，我们可以根据它们升级我们的查询结构。您还可以使
-
本系统文章整理 JavaScript 高级的知识点，形成系统的知识体系。包括基础深入（数据类型、数据变量与内存、对象、函数、回调函数、this等），函数高级（原型与原型链、执行上下文与执行上下文栈、作用域与作用域链、闭包），对象高级（对象创建模式、继承模式），线程机制与事件机制（进程与线程、浏览器内核、定时器、事件循环模型、Web Workers），内存溢出与内存泄漏。
-
我试图使用Spotify web API在一个响应中返回多个特定结果。 例如，也许我想要Spotify为迈克尔·杰克逊的《颤栗》和深紫的《公路之星》提供详细信息。 因为我还没有Spotify URI，所以我需要使用搜索方法。这里有一个页面描述了Spotify的高级搜索语法。它们支持针对特定字段（如曲目、艺术家和专辑）进行搜索。它们还支持基本的布尔运算符。 但是在那个页面上（或者在internet上
-
概况 Showcase 在线Demo见： http://vmap.phodal.com/ 或者你已经使用过了相应多的省市区与地图联动，但是这些联动往往是单向的、不可逆。并且这些数据往往都是在线使用的，不能离线使用。下图是一个结合百度地图的省市区与地图联动： 一般的省市区与地图联动 我们可以在这个应用里选择，相应的省市区然后地图会跳转到相应的地图。当我们在地图上漫游的时候，如果没有显示当前的省市区是
-
在上一节中，我们看到了 take Effect 让我们可以在一个集中的地方更好地去描述一个非常规的流程。 重温一下登录流程示例： function* loginFlow() { while(true) { yield take('LOGIN') // ... perform the login logic yield take('LOGOUT') // ...
-
前言 一、基础知识： ES 6常用语法：class 、module、Promise等 原型高级应用：结合 jQuery 和 zepto 源码 异步全面讲解：从原理到 jQuery 再到 Promise 二、框架原理： 虚拟DOM：存在价值、如何使用、diff算法 MVVM vue：MVVM、vue响应式、模板解析、渲染 组件化 React：组件化、JSX、vdom、setState 三、混合开发：
-
本文向大家介绍详解javascript replace高级用法，包括了详解javascript replace高级用法的使用技巧和注意事项，需要的朋友参考一下 在前端与后台交互的时候我们通常都需要将后台传递的数据绑定到html中，这个绑定数据的方式我们通常是使用jQuery或者使用原生的innerHTML进行绑定，当然也可以使用artTemplate模板来绑定数据，那么artTemplate模板它