个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
26
4
首先:标题应该是“过滤安全问题”下拉列表，但显然，我不能在标题中使用“问题”或“问题”一词。
我正在寻找at this code example但它似乎不再有效了。有人知道为什么以及如何解决它吗？
我想过滤安全问题，这样如果我从问题列表中选择问题，对于下一个问题，我将不再在安全问题列表中看到问题。这是为了防止重复选择安全问题。
以下是链接中的示例副本:
<!DOCTYPE html>
<html">
<head>
<meta charset="utf-8" />
<title>CSS Newbie Example: Filtering Select Boxes</title>
<link rel="stylesheet" type="text/css" href="select.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
$(function () {
$('.security').change(function () {
$('.security option').show(0);
$('.security option:selected').each(function () {
oIndex = $(this).index();
if (oIndex > 0) {
$('.security').each(function () {
$(this).children('option').eq(oIndex).not(':selected').hide(0);
});
}
});
});
$('.security').change();
});
</script>
</head>
<body>
<div id="wrap">
<h1>Intelligent Filtering of Select Boxes</h1>
<p>The following three select boxes contain the same options. But once you've selected one of the options from one select box, that item is removed from the subsequent boxes, preventing duplicate selections. <a href="http://www.cssnewbie.com/intelligent-select-box-filtering/">Return to the original article.</a></p>
<h2>Select Your Security Questions:</h2>
<p>
<select class="security" name="security1">
<option value="0">Select a question from the following options.</option>
<option value="1">Who's your daddy?</option>
<option value="2">What is your favorite color?</option>
<option value="3">What is your mother's favorite aunt's favorite color?</option>
<option value="4">Where does the rain in Spain mainly fall?</option>
<option value="5">If Mary had three apples, would you steal them?</option>
<option value="6">What brand of food did your first pet eat?</option>
</select>
</p>
<p>
<select class="security" name="security2">
<option value="0">Select a question from the following options.</option>
<option value="1">Who's your daddy?</option>
<option value="2">What is your favorite color?</option>
<option value="3">What is your mother's favorite aunt's favorite color?</option>
<option value="4">Where does the rain in Spain mainly fall?</option>
<option value="5">If Mary had three apples, would you steal them?</option>
<option value="6">What brand of food did your first pet eat?</option>
</select>
</p>
<p>
<select class="security" name="security3">
<option value="0">Select a question from the following options.</option>
<option value="1">Who's your daddy?</option>
<option value="2">What is your favorite color?</option>
<option value="3">What is your mother's favorite aunt's favorite color?</option>
<option value="4">Where does the rain in Spain mainly fall?</option>
<option value="5">If Mary had three apples, would you steal them?</option>
<option value="6">What brand of food did your first pet eat?</option>
</select>
</p>
</div>
</body>
</html>
最佳答案
该页面出了点问题。查看源代码可以看到 <script>标签被转义并呈现为 <script> 。这对于显示示例之外的源代码来说很好，但页面上没有该代码的实际副本。因此，在这个“实时”示例中，任何 JS 都不会按照您的预期运行。除此之外，这工作正常。这是JSFiddle使用相同的代码。
// -- works fine
$(function () {
$('.security').change(function () {
$('.security option').show(0);
$('.security option:selected').each(function () {
oIndex = $(this).index();
if (oIndex > 0) {
$('.security').each(function () {
$(this).children('option').eq(oIndex).not(':selected').hide(0);
});
}
});
});
$('.security').change();
});
此外，查看一些评论...
This does not work in an IE browser, safari, or chrome.
Hm… doesn’t work in Google Chrome on Mac OS X…
让人相信该网站有些东西误入歧途。有趣的是，在 FF 中运行它确实有效。 Chrome 和 IE 都崩溃了。
关于javascript - 过滤安全 Qs 下拉列表，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30673768/
26
4
0
这个问题在这里已经有了答案: Return local String as a slice (&str) (7 个答案) Proper way to return a new string in R
我正在尝试从 URL 获取电子邮件而不进行解码。 网址:https://localhost:3000/register/activate?token=JAItBAPArUSukXae0Q3J&emai
首先:标题应该是“过滤安全问题”下拉列表，但显然，我不能在标题中使用“问题”或“问题”一词。 我正在寻找at this code example但它似乎不再有效了。有人知道为什么以及如何解决它吗？ 我
检查是否存在相同数据的两种方法: 1 try: MyModel.objects.create( field1=field1_value, field2=fiel
考虑一个带有 Room 对象和这些房间的 Reservation 对象的酒店。我想找到在给定时间段或(特别是在下面的示例中)从哪个日期开始可用的房间。 可以通过设置“实时”字段来“删除”预订。因此，它
我无法使用 qs npm 包解析第一个查询字符串参数。我做错了什么？ 我在我的控制台中执行这些命令 import * as qs from './qs' var addr = "https://www
我有一个在 Google Cloud Functions 上的 NodeJS 14 上运行的代码，我正在使用 typescript 和 tsc 来编译我的代码。 import qs from 'qs'
我的目标是将从 Alesis 合成器发送的字节码流转换为人类可读的格式。我需要能够进行“程序转储”并读取组成补丁名称的 10 个字符的字符串。 为了从合成器接收“程序转储”，我通过 MIDI-OX 向
我上下搜索并想知道或者这是否是 Grok 中可能的选项。所以我的日志文件被过滤得很好。除了，%{QS:message} 是包含我的错误、警告、POST、GET 等的内容。我希望能够在 Kibana 中
我一直在互联网上搜索以获取此信息，但没有成功。 我正在使用 C++ 中的 Steinberg 的 VST SDK。我正在开发一个效果器插件，我需要知道声音文件的长度，即其中的帧数。所以我从 proce
一些相当基本的问题，因为我似乎无法在 API 文档中找到简单的答案。 我有一家卖杂志和其他商品的商店。目前正在销售单件或成组商品，并使用 PayPal REST API 收费。 我们想添加订阅 - 我
body-parser中有一个函数bodyparser.urlencoded(options)，它有一个叫extended的选项。 The extended option allows to choo
有人要求我求一个函数的模 37 (%37)。 Ensure that your function returns an integer between 0 and 36. Assume that al
最近我开始使用 Q# 和 python 作为宿主语言。我正在做一个项目，一切似乎都很好。突然我收到错误“找不到模块”，我似乎在我以前的所有项目中也遇到了它。 所以我有一个目录:C:\Users\Use
我不确定这是否可以仅使用 Django ORM 或纯 SQL 来完成。我有一个模型 Fruit，我想呈现一个水果列表，这样每一个且只有第 n 个水果都是 type="apple"。 所以对于 4 它将
无论我做什么，我都会不断收到消息: bower MODULE_NOT_FOUND Cannot find module 'qs' 每当我尝试使用 Bower 安装软件包时。 NPM 版本 1.4.14
在 body-parser 的当前版本中，现在需要使用 bodyParser.urlencoded() 时的 extended 选项。在自述文件中，它解释了: The extended option
我使用 webpack 和 history (1.13.0) 作为 npm 依赖项的 react-router 库。当我构建项目时出现错误: Module not found: Error: Cann
您好 StackOverflow 上的 Palantir 社区 - 如果您存在？ 我在 QuickStart 实例上遇到 pXML 和 PXZ 文件问题(有关详细信息，请参阅下文)。如果我从图表导出(
我正在构造一个查询字符串解析 qs.stringify 的 URL，其中我希望 URL 中只存在非空或非空值。 我得到的结果如下: localhost:3000/user?name=john&age=
我是一名优秀的程序员,十分优秀！