超链接调用js函数

Question

html页面是这样的
<div id="cart">
  <a href="#" onclick="gouwu()"><span class="Buy" id="buyButton"></span></a>
</div>
JS文件：
$(function(){
    var $product = $(".pro_detail_right");
$("#cart a").click(function(){
        var pro_name = $("#bh strong").text();
var pro_size = $(".pro_size strong").text();
var pro_color =  $(".color_change strong").text();
})
})
想问一下如何调用JS文件里面的变量，使超链接里面像： <a href="a.asp?id=203"><span class="Buy" id="buyButton"></span></a>哪位高手帮忙啊

Answer 1

ni 你真是个异想天开的人；
在onclick中调用变量来干什么？如果你想传到服务器，你可以再点击的时候触发一个函数，在函数里面去请求服务器，然后把这个变量带在url后面传到服务器

Answer 2

动态设置a的href，不过你js文件里面的变量需要是全局变量，你贴出来的都是局部变量，获取不到在外部函数中<a href="#" onclick="this.href='a.asp?id='+变量名称"><span class="Buy" id="buyButton"></span></a>

Answer 3

我贴完整点一点JS文件
$(function(){
$(".pro_size li span").click(function(){
$(this).parents("ul").siblings("strong").text(  $(this).text() );
})
})
$(function(){
$(".color_change li span").click(function(){
$(this).parents("ul").siblings("strong").text(  $(this).text() );
})
})$(function(){
    var $product = $(".pro_detail_right");
$("#cart a").click(function(){
        var pro_name = $("#bh strong").text();
var pro_size = $(".pro_size strong").text();
var pro_color =  $(".color_change strong").text();
})
})html文件
<div class="pro_detail_right">
  <div class="color_change" align="left">
   颜色：<strong>未选择</strong>
   <ul>
    <li><span class="yansediv">红色</span></li><li><span class="yansediv">黑色</span></li>
   </ul>
  </div>
  <div class="pro_size" align="left">
  尺寸：<strong>未选择</strong>
  <ul>
   <li><span class="chimadiv">小号</span></li><li><span class="chimadiv">中号</span></li><li><span class="chimadiv">大号</span></li>
  </ul>
 </div>
</DIV>
<div id="cart">
 <a href="#" onclick="this.href='a.asp?id='+pro_name"><span class="Buy" id="buyButton"></span></a>
</div>想选择颜色和尺寸，然后将选择颜色和尺寸，放入超链接里面的

Answer 4

<a href="#" id="aLink"><span class="Buy" id="buyButton"></span></a>
////////放出来,不要再事件中声明，要不给a加个id，在click事件中设置a的链接
var pro_name
var pro_size
var pro_color
$(function(){
  var $product = $(".pro_detail_right");
$("#cart a").click(function(){
  var pro_name = $("#bh strong").text();
var pro_size = $(".pro_size strong").text();
var pro_color = $(".color_change strong").text();
$('#aLink').attr('href','a.asp?name='+pro_name+'&size='+pro_sizee+'&color='+pro_color);/////
})
})

Answer 5

$(超链接Id).attr("href","a.asp?id="+变量);