只要所有链接包含相同的值,它们都将处于活动状态
ALL Links will be Active whenever they contain same value
请在这方面帮助我......我想根据选择激活所有链接,这意味着当我在下拉列表中选择"第一个"元素时,所有包含 id 作为"第一个"的链接都将处于活动状态,其他链接将处于解绑阶段......
请帮助我。
<select id="link" name="link">
<option value="first">First</option>
<option value="second">Second</option>
</select>
<a href="#" id="first">Link1</a>
<a href="#" id="second">Link1</a>
<a href="#" id="second">Link1</a>
<a href="#" id="first">Link1</a>
$('.selection').dropdown({
onChange: function(value) {
//Give Me suggestion for the Code......
}
});
当我选择第一个时,所有"第一个"id 值链接都将处于活动状态。恳求。。。帮帮我。。。。。。。。。。。
首先,要么使用唯一 id,要么使用其他属性,如 class
或 data-id
。提供一个类,以便您可以将其与页面上的其他链接分开。
<select id="link" name="link">
<option value="first">First</option>
<option value="second">Second</option>
</select>
<a href="#" data-id="first" class="link">Link1</a>
<a href="#" data-id="second" class="link">Link1</a>
<a href="#" data-id="second" class="link">Link1</a>
<a href="#" data-id="first" class="link">Link1</a>
现在将更改事件更新为
$('.selection').change(function() {
var value = $(this).val();
//first made all the links inactive
$( ".link" ).unbind( "click" );
//now bind the events to links which has same data-id value selected from drop-down
$( ".link[data-id*='" + value + "']" ).bind( "click", function(){
alert("link clicked");
} );
$( ".link[data-id" ).not("[data-id*='" + value + "']").bind( "click", function(){
e.preventDefault();
} );
});
我更改了您的 html 以包含链接的类,以便 JQuery 代码可以工作。 我还修复了您的更改事件以正常工作。
.HTML:
<select id="link" name="link">
<option value="first">First</option>
<option value="second">Second</option>
</select>
<a href="#" class="first">Link1</a>
<a href="#" class="second">Link1</a>
<a href="#" class="second">Link1</a>
<a href="#" class="first">Link1</a>
JavaScript:
$('#link').on("change",function(selection) {
//get the value first or second
var value = $(this).val();
//do something with the selected class
$("." + value).css("color","yellow");
});
相关文章:
- 单击我网站中的链接时打开新选项卡,保持当前选项卡处于活动状态
- 如何获取链接以保持活动状态
- 在JavaScript / jQuery中用活动超链接替换粘贴的链接
- 活动页面链接图标颜色
- 当子菜单的父级或包含链接处于活动状态时,如何告知子菜单可见
- 如何将活动状态类动态更改(添加)到导航链接
- 获取左侧导航链接以保持打开和活动状态
- 打开打印窗口处于活动状态的 PDF 链接
- 只要所有链接包含相同的值,它们都将处于活动状态
- 当内容为空但超链接处于活动状态时删除元素
- 当处于活动状态时,我如何删除文本修饰.我有以下代码,但链接带有下划线
- 多个页面链接处于活动状态
- 使链接保持活动状态,使用 JavaScript 在单击时显示悬停效果
- 在按下键盘按钮时将链接更改为 :活动状态
- Boostrap 3崩溃-基于崩溃状态链接图标
- Facebook:来自应用活动的链接指向URL,而不是指向应用
- 选项卡和侧边菜单-状态链接不起作用
- 带ui的AngularJS.路由器:点击相同状态链接时重新加载页面
- 要使非活动超链接
- Jquery活动页面链接