个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
各位开发者，
我创建应用程序已经有一段时间了，它相对有用。然而，只有一个限制我还没有找到如何解决，是的，我已经阅读了多个类似的问题:
jquery select option click handler
click option in select by jquery?
simulating mouse click on select option with jquery
jQuery simulate click event on select option
jQuery click event not working on option element
包括，甚至其他非 StackOverFlow 论坛，我已经阅读了数千次，我需要使用 jQuery 的更改事件，因为我以前使用过它，所以我知道这一点。这是我的代码:
HTML:
<select id="selectTimes">
<option disabled="disabled">Select Speech</option>
<option value="0">Question of the Day (30s)</option>
<option value="1">4 to 6 min (Ice-breaker)</option>
<option value="2">5 to 7 min (Project 2-9)</option>
<option value="3">8 to 10 min (Project 10)</option>
<option value="4">1 to 1:30 min (Evaluator's intro)</option>
<option value="5">2 to 3 min (Evaluation)</option>
<option value="6">5 to 6 min (General Evaluator)</option>
<option value="7">1 to 2 min (Table Topics)</option>
<option value="8">10 to 12 min</option>
<option value="9">13 to 15 min</option>
<option value="10">18 to 20 min</option>
<option value="11">Custom</option>
</select>
jQuery:
$("#selectTimes").on("change", function () {
setLocalStorage("selected", $(this).val());
if ($(this).val() === "11")
$("#divCustomTime").modal();
else {
isCustom = false;
setLocalStorage("isCustom", isCustom);
}
});
但是，我的主要挑战是任何人都可以多次选择最后一个选项，这有点棘手，因为在这一点上，他们需要先选择另一个选项，然后再选择最后一个选项，我确信这一点会不服于任何人。您可以在下图中看到步骤:
智能手机:
平板电脑(<10 英寸):
table (10+ 英寸)，带有 Select2 :
关于如何让某人多次选择同一选项而不点击其他地方，有什么建议或解决方法吗？感谢您的想法。
附注:
click 事件仅在 Firefox 中有效，并且由于这是 Android 移动应用，因此它不起作用。最佳答案
这可能会帮助你。这些选项可以根据您的 UI 作为输入选项给出。因此您可以使用输入标签本身，单击所选选项也会触发事件
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js">
</script>
<style>
.box
{
border:1px solid whitesmoke;
padding:10px 0px;
display:block;
}
</style>
</head>
<body>
<div class="box">
<input type="radio" name="selectest" value="name1" checked> Name1 </input>
</div>
<div class="box">
<input type="radio" name="selectest" value="name2"> Name2 </input>
</div>
<div class="box">
<input type="radio" name="selectest" value="name3"> Name3 </input>
</div>
<div class="box">
<input type="radio" name="selectest" value="name4"> Name4 </input>
</div>
</body>
<script>
$("input").click(function(){
alert($(this).val());
});
</script>
</html>
关于javascript - 如何在 jQuery 或 JS 的 HTML 选择中多次选择相同的选项？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/54167440/
25
4
0
给定一个 Option[Future[Option[Int]]] : scala> val x: Option[Future[Option[Int]]] = Some ( Future ( Some
如果我理解正确，EitherT[Option,A,B] 应该与 Option[Either[A,B]] 相同，但编译器不同意.以下代码编译失败: def f[A,B] = implicitly[Eit
我刚开始在使用 parcel.js 构建静态 Assets 时遇到此错误。它在本地工作，但我在 Heroku 上的构建出错，我不确定它是否相关。 最佳答案 得到同样的问题。通过将 core-js 安装
当我生成 Telerik Report 时，只有 Export PDF 可用。即使我将 docx 和 xlsx 的配置设置为 true。这是我在网络配置中的配置。
我的 iTunesConnect 应用程序显示 Apple Pay 选项。我正在使用布伦特里。 即使我们没有在应用程序中使用 Apple Pay 功能。 有人可以帮我解决如何在我的 itunesCon
我正在 Raspbian 中从命令行运行以下查询: mysql -u $NAME -p $PASS Tweets -e "SELECT count(*) FROM raw_tweets;" 它输出以下
我正在尝试使用 ffmpeg(在 linux 下)为视频添加一个小标题。所以，我使用: ffmpeg -i hk.avi -r 30000/1001 -metadata title="SOF" hk_
我正在尝试使用 ffmpeg 使用 ffserver 流式传输视频。您将在 ffserver1.conf 文件下方找到 ffmpeg 命令的日志输出。 其中一个错误引用了预设，每次我尝试使用预设时，我
我正在尝试对 Option 使用 fold 或 map 操作而不是 match。 我有一个选项 val ao: Option[String] = xxxx 和一个函数 f: (String => Fu
Dockerfile documentation表示有可能通过 --platform FROM 中的选项像这样的指令: FROM [--platform=] [AS ] 在我的 dockerfile
我不确定“属性(property)”或“选项”是否是正确的术语，但这是我需要弄清楚的。 鉴于以下情况: ' $.fileup({ url: '/file/upload',
我正在尝试使用 jQuery 检查是否选择了值 = 1 的选择选项，然后将类添加到某些元素。但有些东西不起作用。可以请人看一下代码吗？ 我的代码: Reservation
我对 VIM 中的这些感到困惑。有些事情需要设置，而另一些则让。 而且，我如何检查某个选项。我知道这是一个选项，因为我使用 set 来更改它。 例如，如何检查当前文件类型选项是否为 java？ 最佳答
关闭。这个问题需要多问focused 。目前不接受答案。 想要改进此问题吗？更新问题，使其仅关注一个问题 editing this post . 已关闭 8 年前。 Improve this ques
我在看《Professional F# 2.0》一书作者展示如下代码 let a string : option = None if a.IsNone then System.Console.
我习惯使用方法顶部的 java 样板检查输入参数: public static Boolean filesExist(String file1, String file2, String file3
假设我有一串 "Insert Post -title Some PostTitle -category 2 -date-posted 2013-02:02 10:10:10" 我一直在尝试做的是将这个
从 1.3.70 EAP 开始，在 org.jetbrains.kotlin.gradle.dsl.KotlinJvmOptions 这是 var useIR: kotlin.Boolean 哪个激活
我无法获取订购捆绑商品的所有子产品及其选项。这可能吗？ 最佳答案 以下是您如何找出哪些产品应与所有其他项目一起附加到列表中的捆绑产品中的方法: foreach ($order->getAllItems
这个问题不太可能对任何 future 的访客有帮助；它只与一个较小的地理区域、一个特定的时间点或一个非常狭窄的情况相关，通常不适用于全世界的互联网受众。如需帮助使此问题更广泛适用，visit the
我是一名优秀的程序员,十分优秀！