如何使用选择标记值附加href链接

时间:2014-05-15 10:54:12

标签: javascript jquery

我正在尝试根据两个不同的选择标签更改

来更改href链接

到目前为止,我已经使用1个选择标记附加了它,但是我不能让它与另一个一起使用。 任何帮助或建议将不胜感激。感谢

$('#to').on('change', function() {
    var value2 = $(this).val();
});

var base_href="/converter/";

$('#from').on('change', function() {
    var value=$(this).val();

    if (base_href=="")
       base_href = $("#cch-link").attr("href");

    $("#cch-link").attr("href",base_href+value+'-to-'+value2);
});

1 个答案:

答案 0 :(得分:2)

您正在第一个处理程序的上下文中定义value2变量,在该上下文之外变量为undefined,您可以定义全局变量或: / p>

var base_href = "/converter/";

function setHref() 
{
   $("#cch-link").attr('href', function() 
   {
       var to = $('#to').val();           
       var from = $('#from').val();

       return base_href + from + '-to-' + to;
   });
}

$('#to, #from').on('change', setHref); // .change();