HTML'de Javascript'in URL çıktısını HREF olarak ekleme

Question

Web sitemde girişlerin ziyaretçiler tarafından verildiği bir formum var. Gönderdikten sonra, girdilerinin tabanındaki Javascript tarafından oluşturulan URL'ye yönlendirilirler. Böylece

göstermek için: onlar girdi olarak Veri1 ve veri2 verirsek Aslında, herhangi bir URL'ye yönlendirmek istemiyorum, onlar www.example.com/ajaData1+Data2

yönlendirilirler. Gönderme düğmesini tıkladıktan sonra href olsun, bu URL'ye gitmek isteyip istemediklerini seçmelerini istiyorum.

Bu, benim 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> 

Ve bu bir ben değiştirmek istediğiniz html kodudur. Sorum, javascript'in çıktısını HTML'imin href bölümüne nasıl ekleyebilirim? Böyle

<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

şey: kullanıcı girişinden dize üreten sonra çapanın href ayarlamak için jQuery seçici kullanılarak

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

Answer 2

Çözüm:

$('.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'); 
})) 

Betiğinize bu kodu ekleyin ve uygun bağlantıyı oluşturmalı ve href'i "Calender Add to Calender" (Çapa Ekle) bağlantısına atamalısınız.

<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> 

çok basit bir çözüm değil, mutlak iyi, ama bir çözüm, ilk gizlemek te eski resim var ve resmin üst öğesine başka ekleyin:

Answer 3

Belki bununla yapabilirsiniz.