我需要通过点击具有元素值的链接向我的网站网址添加参数。
示例:
<li><a href="Dell">Dell</a></li>
<li><a href="Dell">HP</a></li>
点击链接后,我需要在网址中添加?fss = Dell。第二次单击应仅添加元素中的值:?fss = Dell + HP等每次单击都是如此。然后我需要一个重置点击,删除所有内容 - 但保留任何参数之前?fss =
还有一个场景我已经有了一个参数,看起来像这样:?param = list,然后我需要点击来呈现这个: ?param = list&amp; fss = HP其中的单词&#34; list&#34;可以是一些不同的东西。
我从哪里开始 - 我需要通过Vanilla JS或jQuery来完成它。
编辑:有人发布了这个完美运行的解决方案 - 我只需要为点击删除fss及其后的所有内容添加解决方案。
$(document).ready(function(){
$('a').on('click',function(e){
e.preventDefault();
if(location.href.indexOf('?')===-1) location.href = location.href+"? fss="+$(this).attr('href');
else location.href = location.href+"+"+$(this).attr('href');
});
});
答案 0 :(得分:0)
$(document).ready(function(){
$('a').on('click',function(e){
e.preventDefault();
if($(this).attr('href')!="reset"){
if(location.href.indexOf('?')===-1) location.href = location.href+"?fss="+$(this).attr('href');
else location.href = location.href+"+"+$(this).attr('href');
}
else location.href = location.origin+location.pathname;
});
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="Dell">dell</a>
<a href="Hp">hp</a>
<a href="reset">reset</a>
&#13;