javascript - 如何附加带有选择标签值的 href 链接

Question

我正在尝试根据两个不同的选择标签更改 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);
});

Answer 1

您在第一个处理程序的上下文中定义了 value2 变量，在该上下文之外该变量是未定义，您可以定义一个全局 变量或:

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();