如何用jquery中获取超链接中传的值

Posted 2023-04-07

比如 <a href="login.html?id=11">登陆<a> 点击事件在JS中已经绑定 所以如何在JS中获取id=11 啊 最好是用Jquery。

直接用javascript吧，先获取标签a的href，这个楼主应该会吧，再用js里面的一个对象String的方法split，该方法是将字符串切割，返回字符串数组。例：href装在var h;里面，var strs=h.split("?"); 然后var str=strs[1];
此时str里面装的就是id=11，再截取一次即可，var ids=str.split("="); var id=ids[1];这样，id里面装的就是11了。
该方法可以取到传递的多个参数及其对应值，例如前面的var str=strs[1];装了所有的参数及其值用&分割，得到的数组里，每个都记录了一个参数及其相应值
楼主觉得如何？ 参考技术A 这个js都有这功能：
window.location.href：设置或获取整个 URL 为字符串
window.location.pathname：设置或获取对象指定的文件名或路径
window.location.search：设置或获取 href 属性中跟在问号后面的部分
要获取变量的值可以试试：
var urlParam= window.location.search;
var loc = urlParam.substring(urlParam.lastIndexOf('=')+1, urlParam.length);
如果是多个参数可以分布切割，得到多个键值对。
希望可以帮到你。 参考技术B

Jquery获取url参数值的方法如下：

<script type='text/javascript'>   
$(document).ready(function()  
    // 访问该页面时，在url末尾添加?picid=8  
    console.log(window.location.href);  
    console.log($.getUrlParam('picid'));  
    console.log(getUrlParam('picid'));  
);  
  
function getUrlParam(name)  
    //构造一个含有目标参数的正则表达式对象  
    var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");  
    //匹配目标参数  
    var r = window.location.search.substr(1).match(reg);  
    //返回参数值  
    if (r!=null) return unescape(r[2]);  
    return null;  
  
</script>

希望可以帮助到您，谢谢

参考技术C

jquery 获取超链接的值其实有一个很简单的方法

$.query.get("id");//得到url？后的参数的值

如何用jQuery获得select的值

1.获取第一个option的值       

 $(‘#test option:first‘).val();

 

2.最后一个option的值                     

$(‘#test option:last‘).val();

 

3.获取第二个option的值          

$(‘#test option:eq(1)‘).val();

 

4.获取选中的值                         

$(‘#test‘).val();

$(‘#test option:selected‘).val();

 

5.设置值为2的option为选中状态   

$(‘#test‘).attr(‘value‘,‘2‘);

 

6.设置最后一个option为选中

$(‘#test option:last‘).attr(‘selected‘,‘selected‘);

$("#test").attr(‘value‘ , $(‘#test option:last‘).val());

$("#test").attr(‘value‘ , $(‘#test option‘).eq($(‘#test option‘).length - 1).val());

 

7.获取select的长度            

$(‘#test option‘).length;

 

8.添加一个option

$("#test").append("<option value=‘n+1‘>第N+1项</option>");

$("<option value=‘n+1‘>第N+1项</option>").appendTo("#test");

 

9.添除选中项       

 $(‘#test option:selected‘).remove();

 

10.删除项选中(这里删除第一项)       

$(‘#test option:first‘).remove();

 

11.指定值被删除

$(‘#test option‘).each(function(){

   if( $(this).val() == ‘5‘){

        $(this).remove();
    }
});

$(‘#test option[value=5]‘).remove();

 

12.获取第一个Group的标签

$(‘#test optgroup:eq(0)‘).attr(‘label‘);

 

13.获取第二group下面第一个option的值

$(‘#test optgroup:eq(1) : option:eq(0)‘).val();

 

14.根据option的值选中option

$("#sel option:contains(‘C‘)").prop("selected", true);