JavascriptのURL出力をHREFとしてHTMLに挿入

Question

私のウェブサイトには、訪問者からの入力があるフォームがあります。それを送信した後、彼らは入力のベースにJavascriptによって生成されたURLにリダイレクトされます。このように説明する

：彼らは、入力としてのData1とData2のを与える場合、それらはwww.example.com/ajaData1+Data2

にリダイレクト実は、私は、任意のURLにリダイレクトする必要はありません。投稿ボタンをクリックした後で、そのURLに移動するかどうかを選択できるように、hrefが表示されます。

この1つは私のJavaScript

<script type="text/javascript">function goToPage(){ 
var date = $('input[name=date]:checked').val(); 
var time = $('input[name=time]:checked').val(); 
var subject = $('input[name=subject]:checked').val(); 
window.location.href ="http://bay02.calendar.live.com/calendar/calendar.aspx?rru=-"+date+"-"+time+"-"+subject+"-";}</script> 

であり、この1は私が変更したいhtmlコードです。私の質問は、HTMLのhrefセクションにjavascriptの出力を挿入する方法です。

<div class="group submit"> 
       <label class="empty"></label> 
       <div><input name="submit" type="submit" onclick="goToPaget()" value="Get your appointment!"/></div> 
      </div> 


      <div id="form-message" class="message hide"> 
       Thank you for your request 
      <div id="output" class="message hide "></div> 

       <h4><a href="**SO HERE I WANT TO PUT THE OUTPUT OF THE JAVASCRIPT**" title="Add To Calender">Add To Calender</a></h4> 

      </div> 

Answer 1

このような何か：ユーザー入力から文字列を生成した後、あなたのアンカーのhrefを設定するには、jQueryのセレクタを使用して

document.querySelection("div#form-message h4 a").setAttribute(
    "href", 
    PUT YOUR VALUE HERE 
); 

Answer 2

ソリューション：

$('.group.submit').on('click', 'input[type="submit"]', function(){ 
    var date = $('input[name=date]:checked').val(); 
    var time = $('input[name=time]:checked').val(); 
    var subject = $('input[name=subject]:checked').val(); 
    var link = "http://bay02.calendar.live.com/calendar/calendar.aspx?rru=-"+date+"-"+time+"-"+subject+"-"; 

    $('a[title="Add To Calender"]').attr('href', link); 
    $('#output').removeClass('hide'); 
})) 

スクリプトにこのコードを追加します。適切なリンクを生成し、hrefをあなたの「Add To Calender」アンカーに割り当てる必要があります。

<script> 
$(document).ready(function(){ 
     $('#modalon').click(function() { 
      $.ajax({ 
      $('#imgloada4b').hide(); // hide old image 
      var urload = "<?php bloginfo('template_url') ?>/img/loading.gif"; 
      $('#modal1Desc').html("<img href="/img/loading.gif" id='imgloada4b' src='"+urload+"'>"); // show new 
      }); 
     }); 
}); 
</script> 

、それは非常に簡単な解決策ではなく、絶対的な良いことだが、それは解決策だ、第1のTE古いイメージを隠し、画像の親要素に別のものを追加します。

Answer 3

たぶん、あなたはこれを行うことができます。