javascript - 通过 URL 传递 表单选项

转载 作者：行者123 更新时间：2023-12-03 08:53:05 24 4

我有一个选择下拉表单，它有一些值。我的网络应用程序的设置方式是 - 当下拉选择选项更改时，它会触发一个 JS 函数，将数据填充到表中。

我想要做的是，能够通过 URL 传递选项，这样当我访问末尾可能添加了 #se​​lected_option 的 URL 时，它将加载选择该选项的页面。

我愿意接受任何可以轻松完成这项任务的方法。现在，当我更改选择值时，URL 根本不会更改。谢谢!

<select class="form-control" onchange="refreshOrg()" id="selectTeam">
  <option value="dis" disabled selected>Please Select a Team..</option>
  <option value="1">Platform (ALL)</option>
  <option value="2">Operations Tools</option>
  <option value="3">Big Data Platform</option>
  <option value="4">Information Integration Governance</option>
  <option value="5">Cloud Data Services</option>
  <option value="6">Relational Analytics</option>
  <option value="7">SAP CoE</option>
  <option value="8">Business Analytics Platform</option>
  <option value="9">Competetive</option>
</select>

最佳答案

将选定的选项作为查询字符串传递，然后您可以在构建选项时对照每个选项的值进行检查:

网址:

http://www.example.com/mypage?selectedOption=7

代码:

<select class="form-control" onchange="refreshOrg()" id="selectTeam">
    <option value="dis" disabled>Please Select a Team..</option>
    <option value="1"<?php if ($_GET['selectedOption'] == 1) { echo " selected"} ?>> Platform (ALL)</option>
    <option value="2"<?php if ($_GET['selectedOption'] == 2) { echo " selected"} ?>> Operations Tools</option>
    <option value="3"<?php if ($_GET['selectedOption'] == 3) { echo " selected"} ?>> Big Data Platform</option>
    <option value="4"<?php if ($_GET['selectedOption'] == 4) { echo " selected"} ?>> Information Integration Governance</option>
    <option value="5"<?php if ($_GET['selectedOption'] == 5) { echo " selected"} ?>> Cloud Data Services</option>
    <option value="6"<?php if ($_GET['selectedOption'] == 6) { echo " selected"} ?>> Relational Analytics</option>
    <option value="7"<?php if ($_GET['selectedOption'] == 7) { echo " selected"} ?>> SAP CoE </option>
    <option value="8"<?php if ($_GET['selectedOption'] == 8) { echo " selected"} ?>> Business Analytics Platform </option>
    <option value="9"<?php if ($_GET['selectedOption'] == 9) { echo " selected"} ?>> Competetive </option>
</select>

正如@jqheart所说，在refreshOrg()中创建URL非常简单:

window.location='your_URL?selectedOption='+$('#selectTeam').attr('option :selected');

关于javascript - 通过 URL 传递 <select> 表单选项，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32610327/

24 4 0

文章推荐： javascript - Highcharts getSVGplotOptionsseries.lineWidth 不起作用

文章推荐： notepad++ - 在 Notepad++ 中更改匹配单词的突出显示颜色

文章推荐： r - 几何密度 : remove horizontal line at zero

文章推荐： ruby-on-rails - 我们如何在 Rails Mailer 中设置电子邮件发件人的名称？

• scala - 选项[ future [选项[Int]]] => future [选项[Int]]

  给定一个 Option[Future[Option[Int]]] : scala> val x: Option[Future[Option[Int]]] = Some ( Future ( Some

• scala - EitherT[选项，A，B] ===选项[Either[A，B]]

  如果我理解正确，EitherT[Option,A,B] 应该与 Option[Either[A,B]] 相同，但编译器不同意.以下代码编译失败: def f[A,B] = implicitly[Eit

• npm - 这个错误是什么意思？有 `useBuiltIns` 选项，需要直接设置 `corejs` 选项

  我刚开始在使用 parcel.js 构建静态 Assets 时遇到此错误。它在本地工作，但我在 Heroku 上的构建出错，我不确定它是否相关。 最佳答案 得到同样的问题。通过将 core-js 安装

• c# - Telerik 报告只有 PDF 选项，没有 Excel 和 Word 选项

  当我生成 Telerik Report 时，只有 Export PDF 可用。即使我将 docx 和 xlsx 的配置设置为 true。这是我在网络配置中的配置。

• ios - 在 itunesConnect 中，我的应用程序显示 Apple Pay 选项，我正在使用 Braintree。如何摆脱在我的 itunesConnect 中显示 Apple Pay 选项？

  我的 iTunesConnect 应用程序显示 Apple Pay 选项。我正在使用布伦特里。 即使我们没有在应用程序中使用 Apple Pay 功能。 有人可以帮我解决如何在我的 itunesCon

• 从命令行执行时MySQL输出帮助/选项

  我正在 Raspbian 中从命令行运行以下查询: mysql -u $NAME -p $PASS Tweets -e "SELECT count(*) FROM raw_tweets;" 它输出以下

• ffmpeg -r 选项

  我正在尝试使用 ffmpeg(在 linux 下)为视频添加一个小标题。所以，我使用: ffmpeg -i hk.avi -r 30000/1001 -metadata title="SOF" hk_

• 用于视频流的 FFMPEG 选项

  我正在尝试使用 ffmpeg 使用 ffserver 流式传输视频。您将在 ffserver1.conf 文件下方找到 ffmpeg 命令的日志输出。 其中一个错误引用了预设，每次我尝试使用预设时，我

• 具有折叠操作的 Scala 选项

  我正在尝试对 Option 使用 fold 或 map 操作而不是 match。 我有一个选项 val ao: Option[String] = xxxx 和一个函数 f: (String => Fu

• Dockerfile FROM --platform 选项

  Dockerfile documentation表示有可能通过 --platform FROM 中的选项像这样的指令: FROM [--platform=] [AS ] 在我的 dockerfile

• jquery - 将数据动态添加到属性/选项

  我不确定“属性(property)”或“选项”是否是正确的术语，但这是我需要弄清楚的。 鉴于以下情况: ' $.fileup({ url: '/file/upload',

• 选择 jQuery IF 选项

  我正在尝试使用 jQuery 检查是否选择了值 = 1 的选择选项，然后将类添加到某些元素。但有些东西不起作用。可以请人看一下代码吗？ 我的代码: Reservation

• VIM:选项、变量和两者之间的转换

  我对 VIM 中的这些感到困惑。有些事情需要设置，而另一些则让。 而且，我如何检查某个选项。我知道这是一个选项，因为我使用 set 来更改它。 例如，如何检查当前文件类型选项是否为 java？ 最佳答

• javascript - 当用户将鼠标悬停在链接上时想要显示图标/选项

  关闭。这个问题需要多问focused 。目前不接受答案。 想要改进此问题吗？更新问题，使其仅关注一个问题 editing this post . 已关闭 8 年前。 Improve this ques

• F# 选项...它们真的能防止空引用异常吗

  我在看《Professional F# 2.0》一书作者展示如下代码 let a string : option = None if a.IsNone then System.Console.

• 用于检查输入参数的 Java 选项

  我习惯使用方法顶部的 java 样板检查输入参数: public static Boolean filesExist(String file1, String file2, String file3

• PHP 正则表达式将字符串解释为命令行属性/选项

  假设我有一串 "Insert Post -title Some PostTitle -category 2 -date-posted 2013-02:02 10:10:10" 我一直在尝试做的是将这个

• KotlinJvmOptions useIR 选项

  从 1.3.70 EAP 开始，在 org.jetbrains.kotlin.gradle.dsl.KotlinJvmOptions 这是 var useIR: kotlin.Boolean 哪个激活

• Magento - 获取已订购捆绑项目的子项/选项

  我无法获取订购捆绑商品的所有子产品及其选项。这可能吗？ 最佳答案 以下是您如何找出哪些产品应与所有其他项目一起附加到列表中的捆绑产品中的方法: foreach ($order->getAllItems

• java - 找到类型转换的流程/选项

  这个问题不太可能对任何 future 的访客有帮助；它只与一个较小的地理区域、一个特定的时间点或一个非常狭窄的情况相关，通常不适用于全世界的互联网受众。如需帮助使此问题更广泛适用，visit the

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

• html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
• JMeter 在响应断言中使用 span 标签的问题
• html - 在 :hover and :active? 上具有不同效果的 CSS 动画
• html - 相对于居中的 html 内容固定的 CSS 重复背景？

滴滴打车优惠券免费领取

全站热门文章

• AVL树的插入
• 在OERV也可以玩MC（上）
• Ellyn-Golang调用级覆盖率＆方法调用链插桩采集方案
• .NETCore委托原理解析
• keycloak~巧用client-scope实现token字段和userinfo接口的授权
• React源码解析(1):JSX语法与react项目渲染过程
• nginx简单实践：静态资源部署、URL重写【nginx实践系列之一】
• DevOps企业级CI/CD实战——整合GitLab+Jenkins+Harbor+Docker实现代码全自动化流程管理
• 巧用VTable打造炫酷金字塔图表
• [megatron代码阅读]1.初始化和组网

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