通过输入文本更新2个url参数并选择
要通过输入文本更新两个URL参数并选择，你可以使用JavaScript来实现这个功能。以下是一个简单的示例，展示了如何根据用户输入更新URL参数：
HTML部分
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Update URL Parameters</title>
</head>
<body>
<input type="text" id="param1" placeholder="Enter value for param1">
<input type="text" id="param2" placeholder="Enter value for param2">
<button onclick="updateURL()">Update URL</button>
<script src="script.js"></script>
</body>
</html>JavaScript部分（script.js）
function updateURL() {
// 获取用户输入
const param1Value = document.getElementById('param1').value;
const param2Value = document.getElementById('param2').value;
// 获取当前URL
const currentUrl = new URL(window.location.href);
// 更新URL参数
currentUrl.searchParams.set('param1', param1Value);
currentUrl.searchParams.set('param2', param2Value);
// 更新浏览器地址栏
window.history.pushState({}, '', currentUrl.toString());
// 可选：在控制台输出更新后的URL
console.log('Updated URL:', currentUrl.toString());
}解释
- HTML部分：
- 创建两个输入框，分别用于输入
param1和param2的值。 - 添加一个按钮，点击时调用
updateURL函数。
- 创建两个输入框，分别用于输入
- JavaScript部分：
updateURL函数首先获取两个输入框的值。- 使用
URL构造函数解析当前页面的URL。 - 使用
searchParams.set方法更新URL中的参数。 - 使用
window.history.pushState方法更新浏览器地址栏，同时不会重新加载页面。 - 可选地，在控制台输出更新后的URL以便调试。
这样，当用户在输入框中输入内容并点击按钮时，URL中的相应参数就会被更新，并且浏览器地址栏会显示新的URL。
相关·内容
1回答
我想通过输入文本来更新服务URL中的两个参数，然后选择如何在Angular 5中通过输入代码文本和选择值来设置代码和值
谢谢
浏览 1提问于2018-08-02得票数 0
我只想知道，如何通过postman客户端使用createTrackInJSON(Track track)注释将JSON对象发送到@Post方法。在这里，如何通过@Post注释将JSON对象传递给createTrackInJSON( track )方法？
浏览 4提问于2015-03-31得票数 34
回答已采纳
2回答
我有一个角度应用程序，它有以下功能:一个组件有一个文本输入和一个按钮。用户填写文本输入并单击按钮。这将更新路由器链接的URL。路由器链路加载一个名为view的组件，然后从路由器链接读取URL参数，并将该值放在服务中并显示在组件上，这样我就知道它工作了。如果您更改文本输入中的URL并单击按钮，下面的URL显示将更新</em
浏览 2提问于2022-05-10得票数 0
回答已采纳
1回答
该应用程序的主要目的是允许用户通过API查询RNA数据库。有两个参数可以选择：(1)物种和(2)基因组坐标。
我正在使用react-router和react-select。用户从<Select />组件中选择一个物种，在文本字段中提供基因组坐标，并单击submit按钮后，将根据用户的输入更新该URL的查询参数。这一点很重要，这样用户就可以使用URL共享他们的搜索查询。也就是说，
浏览 3提问于2022-10-04得票数 3
我有一个指向我的站点上的页面的链接，其中包含一个数据参数。我想使用jQuery UI的日期选择器来设置链接的参数。我以前使用过Datapicker，但只在表单中使用过。有没有办法用它来设置链接中的URL参数？感谢您的阅读。
浏览 0提问于2010-10-03得票数 0
回答已采纳
1回答
我正在尝试用Vue构建一个搜索页面，我希望用户在输入字段中输入的查询文本与URL中的查询参数起反应，例如：如果用户继续在输入栏中输入bar，我希望获得更新为的URL，而无需通过路由器导航
浏览 5提问于2018-09-10得票数 2
回答已采纳
2回答
我在页面中有一个iframe，我想要获取该iframe的当前url，并使用该url更新输入文本。我发现我可以使用以下命令获取iframe的url： <input name="link" type="text" size=
浏览 0提问于2011-07-28得票数 1
我想有一个邮政编码输入字段，当5个字符(数字0-9)被键入时监听。数据有一个数据数组，我想在其中选择特定的对象或数组中的参数和值。然后用户转到下一页。
做这件事最简单的方法是什么？
浏览 3提问于2010-11-09得票数 0
回答已采纳
thisObj.getAttribute('type') == 'text') params+=thisObj.id + "="+thisObj.value+"&"; }更清楚地说，如果我将代码简化为var inputs = $("body :input"); 如果url</em
浏览 0提问于2010-11-05得票数 0
这是通过使用一些预定义规则来完成的，用户可以选择这些规则并将参数提供给这些规则。这些规则集合被保存到数据库中，并在以后通过服务调用运行。问题是，在向导中，我让它在用户选择规则和键入参数时突出显示和更新一些示例文本。这是使用JavaScript完成的，因此显然是在复制C#规则中包含的逻辑。
所以我正在寻找解决这个问题的方法。规则非常简单，只包含一个要应用的参数列表和一个接受输入字符串并返回结果的方法。
浏览 0提问于2011-08-12得票数 1
回答已采纳
我正在寻找集成以下堆栈的最佳实践
目前一切都很顺利。棘手的部分是，我想要能够分享这些过滤的搜索通过一个网址。我认为最好用查询参数更新<
浏览 5提问于2020-09-14得票数 6
1回答
在我的程序中，我有一个带有文本框和qthread指针的窗口小部件类。使用qthread指针，我希望在不影响应用程序的情况下，通过文本选择来不断更新文本框。但我无法访问文本框。即使我通过将参数传递给qthread来访问textbox。我可以访问文本框并多次更新文本选择，然后我的应用程序会自动终止并指出错误
list_thread：
浏览 2提问于2011-09-05得票数 2
我是一个新手在python-Django，我有一个要求，我需要创建一个模板，其中将有一个文本输入名称( id )和下拉作为运维(查看，插入，编辑)，并通过给出id和选择视图作为..it将检入到数据库中，For insert :它将根据表单中传递的输入参数在表中插入记录。
对于更新:它将显示所有的字段，用户可以编辑和保存它，这将从后台更新数据库。我想知道如何创建一个模型，该模型将连接现有的数据库与这个table.So的django，它可
浏览 3提问于2015-03-30得票数 0
在尝试创建一个从选定文本中打开多个选项卡作为输入的automator操作时，我遇到了一个applescript问题，有一段时间我无法解决。这包括答案，我之所以在这里张贴这篇文章，是因为我找不到关于如何处理“输入”中的数据的文档，因为在“任何应用程序”的automator操作中，接收所选的“文本”，所有的东西都是文件，这些文件已经作为列表进入了当放入一个applescript动作时，你会得到：这里的问题是输入不是列表格式，试图对它做任何事情都会破坏脚本
浏览 1提问于2011-06-11得票数 3
回答已采纳
我使用Verizon创建了一个Azure端点(如example.azureedge.net)。如何使用的规则引擎来实现这一点？
浏览 0提问于2021-09-11得票数 2
我目前正在使用jQuery自动完成，正如问题所描述的，我不想更新我在文本区域中的值，我通过下拉菜单中的箭头键来选择这些值。
正如您所看到的，首先我输入一个单词'bala‘(左边的图像)，当我尝试浏览列表时，我的文本</em
浏览 3提问于2016-06-23得票数 0
回答已采纳
我有一个网址: www.example.com/index.html单击submit按钮将使用javascript在我的html文件中创建带有img标记的div，并将用户输入值转换为div的img的src。提交按钮将如何将站点url更新为example.com/index.html?gif=someurl.com&gif2=someurl2.com
通过这种方式，用户可以复制并</em
浏览 2提问于2014-01-11得票数 0
回答已采纳
我有两个参数Country作为TextBox和State作为DropDown。Country参数要求用户手动输入值，并根据输入的国家/地区填充State参数。但是，在Country中输入文本后，需要按enter或查看报告按钮，通过该按钮我首先会得到一个错误(请为参数State选择一个值)，然后就会填充State参数。
或在没有错误提示的情况下按enter (请为<
浏览 1提问于2014-07-09得票数 0
最近，我使用CDN管理证书将我的静态网站移到了带有CDN的Azure blob。我认为一切都很好，直到我去我的网站，并发现当我去www.example.com时，我收到了以下消息：HttpStatusCode: 400RequestId : 64466600-xxxx但是，如果我去了https://www.example.com，它就可以了。
有
浏览 0提问于2020-04-02得票数 0
回答已采纳
1回答
案例：-有一个URL，我需要从下拉菜单中选择一个输入，从下拉列表中选择另一个输入来转换一些数据，再输入一个CSV格式的数据，然后单击提交按钮，输出是以CSV格式生成的，所以我需要通过ADF自动执行此过程我做了什么：-我正在使用web活动和复制活动，以加载URL数据使用POST方法到blob中。但我得到的输出是页面的完整HTTP响应。然而，我已经创建了用于映射的参数，但是work.what不是只获得这些参数来选
浏览 21提问于2020-03-21得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
