使用JS在链接中插入附近输入的值？

Question

我有一个输入和附近的链接，我想使用JS从输入中获取值并将其插入＆＃34; mailto＆＃34;链接的元素。我怎么能做到这一点？

    '<input class="an-input" type="text" id="'+$.fn.dataTable.Editor.safeId(conf.id)+'">'+
    '<a class="ui-state-default inputButton an-button" href="mailto:">SEND</a>'

Answer 1

jQuery(function($){

   $('.an-button').click(function(e){

      $(this).attr('href', 'mailto:'+$('.an-input').val());

   }

});

Answer 2

使用此

jQuery(function($){
  var inputVal = $('input').val();
  $('a').attr('href','mailto:'+ inputVal);
})

Answer 3

$input = $(".an-input");

$input.next(".an-button").attr("href", "mailto:" + $input.val());