- html - 我的下拉菜单的内容关闭得太快
- c# - 使用 Html Agility Pack 从网页中的表中获取值而不使用 "SelectNode'
- html - 内容容器下的 CSS 下拉菜单
- html - 如何停止嵌套列表重叠父列表?
我有几个菜单,可以在单击时向当前链接添加变量。这是一个例子:
<select onChange="window.location.href+=this.value">
<option value="&numb=1">1</option>
<option value="&numb=2">2</option>
<option value="&numb=3">3</option>
</select>
<select onChange="window.location.href+=this.value">
<option value="&cord=x">x</option>
<option value="&cord=y">y</option>
<option value="&cord=z">z</option>
</select>
我的问题是,如果我选择“y”2次,它会添加“&cord=y”2次。相反,我希望它替换该菜单中的当前值。因此,如果“&cord=x”已存在,则只需将其更改为“&cord=y”,而不是向链接添加新变量。当然,如果我从 &numb 菜单中选择一项,它不应替换 &cord 菜单中的一项。
这可以做到吗?如果是,那么如何?
编辑:这是另一个例子。如果我有网址“www.google.com?cat=p&comp=x&type=1”,我在选择框中选择“&comp=3”,然后它将用新的替换当前的 &comp。如果未设置 &comp,它只会将 &comp=3 (或我选择的任何内容)添加到 url。
最佳答案
这些函数应该可以让您解析和编辑 URL 参数:
function splitObj(str, rowSplit, columnSplit) {
var obj = {};
var rows = str.split(rowSplit);
for (var i = 0; i < rows.length; i++) {
var kv = rows[i].split(columnSplit);
if (kv.length === 1) {
obj[kv[0]] = null;
} else {
obj[kv[0]] = kv[1];
}
}
return obj;
}
function joinObj(obj, rowSplit, columnSplit) {
var rows = [];
for (var name in obj) {
if (name[obj] === null) {
rows.push(name);
} else {
rows.push(name + columnSplit + obj[name]);
}
}
return rows.join(rowSplit);
}
function setUrlParam(name, value) {
var parts = window.location.href.split('?');
var urlbase = parts[0];
var params = {};
if (parts.length > 1) {
params = splitObj(parts[1], '&', '=');
}
params[encodeURIComponent(name)] = encodeURIComponent(value);
window.location.href = urlbase + '?' + joinObj(params, '&', '=');
}
function changeURL(elem) {
var kv = elem.value.slice(1).split('=');
setUrlParam(kv[0], kv[1]);
}
然后你可以这样做:
<select id="select" onChange="changeURL(this);">
<option value="&cord=x">x</option>
<option value="&cord=y">y</option>
<option value="&cord=z">z</option>
</select>
更新:
您可以让它删除 splitObj
和 joinObj
,但会牺牲可读性。
function setUrlParam(name, value) {
var parts = window.location.href.split('?'), params = {};
if (parts.length > 1)
parts[1].split('&').forEach(function(x){
var p = x.split('=');
params[p[0]] = (p.length > 1) ? p[1] : null;
});
params[encodeURIComponent(name)] = encodeURIComponent(value);
window.location.href = parts[0] + '?' + Object.keys(params).map(function(x){
return (params[x] === null) ? x : (x + '=' + params[x]);
}).join('&');
}
function changeURL(elem) {
var kv = elem.value.slice(1).split('=');
setUrlParam(kv[0], kv[1]);
}
关于Javascript url 修改,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29878516/
前言: 有时候,一个数据库有多个帐号,包括数据库管理员,开发人员,运维支撑人员等,可能有很多帐号都有比较大的权限,例如DDL操作权限(创建,修改,删除存储过程,创建,修改,删除表等),账户多了,管理
这个问题已经有答案了: Condition variable deadlock (2 个回答) 已关闭 5 年前。 在研究多线程时,我编写了以下代码,但在屏幕上没有观察到输出。我在这里做错了什么?我期
复制代码 代码如下: <IfModule mod_rewrite.c> RewriteEngine On RewriteBase / # 把 www.zzvips.com
复制代码 代码如下: <IfModule mod_rewrite.c> RewriteEngineOn RewriteBase/ #将www.zzvips.com跳转到www.zzv
复制代码 代码如下: Const T_GATEWAY = "1.1.1.1" '网关 Const T_NEWDNS1 = "2.2.2.2" 'DNS1
0. 修改索引 大文本字段支持排序 PUT http://localhost:9200/lrc_blog/_mapping //请求体 { "properties": { "title": { "t
仅 react 当状态发生变化时重新渲染 . 那么为什么我会直接看到我对真实 DOM 所做的更改呢? 我知道我正在修改真实的 DOM,但是当我根本没有改变状态时触发重新渲染的是什么。 import R
Xcode beta 5 推出 @FetchRequest对于 SwiftUI。 我有一个 View ,它有一个 @FetchRequest . NSFetchRequest是在管理器中创建的,该管理
关闭。这个问题需要更多 focused .它目前不接受答案。 想改进这个问题?更新问题,使其仅关注一个问题 editing this post . 7年前关闭。 Improve this questi
我有一个表达式[text][id]应替换为链接 text 解决方案是( id 是整数) $s = preg_replace("/\[([^\]]+)(\]*)\]\[([0-9]+)\]/","$1$
我在 repo 中有一个文件,我不想让任何人更新。 我能做什么? 最佳答案 你想要svn锁:http://www.linxit.de/svnbook/en/1.2/svn.ref.svn.c.lock
说我有项目 list 。我想导出到csv,但在此之前我想做一些计算/修改。 基本上,设置如下所示: PS C:\Files> gci Directory: C:\Files Mode
我有一个非常简单的问题 - 是否可以修改 Java API 的源代码,例如Junit,JABX ? 我知道这似乎是一个非常愚蠢的问题,但它一直困扰着我一段时间。 最佳答案 如果您可以掌握源代码,那么请
我有一个带有变量/列的小标题,其中包括不同形状的小标题列表。我想为其中一个变量中的每个(子)标题添加一个变量/列。 例如此类数据 library("tibble") aaa aaa # A tibb
我有几个菜单,可以在单击时向当前链接添加变量。这是一个例子: 1 2 3 x y z 我的问题是,如果我选择“y”2次,它会添加“&cord=y”2次。相反,我希望它替
我有两个项目:一个服务项目和一个服务安装程序项目。服务项目具有适合我的产品的装配信息。它包括公司信息和正确的服务名称。一旦服务实际安装,所有这些似乎都会被忽略。安装服务时,它使用在服务安装程序的ini
以下代码何时可能产生副作用? @some = map { s/xxx/y/; $_ } @some; perlcritic 将其解释为危险的,因为例如: @other = map { s/xxx/y/
我想知道以下哪种解决方案更好:我想修改一些 .class 文件,我意识到有两种方法可以做到这一点: 反编译.class文件,修改它,最后再次编译。 - 直接用十六进制编辑器修改。 谢谢 最佳答案 在这
这是我的按钮代码 onclick 我希望我的程序等待用户单击一个 JPanel,并且当用户单击 JPanel 时,它应该在控制台上打印其名称。 此按钮代码未显示输出 JPopupMenu popu
我正在使用一个具有“getName()”方法的特定 API。 getName() 返回一个字符串。是否可以修改该字符串? API 中不包含修饰符方法,并且 String getName() 返回的是私
我是一名优秀的程序员,十分优秀!