HTMLフォームでJavaScript変数を渡すアクション

Question

私はフォームアクションがあるJSプログラムで作業しています。呼び出されるURLにevent.titleという名前のJS変数を渡すにはどうすればよいですか。現在のところ、URLは/registerです。私は/register/some_nameとしたいと思います。ありがとうございました。

コード：

eventRender: function(event, element, view){ 
      element = $(element); 
      if(event.holiday){ 
       var date = moment(event.date).format("YYYY-MM-DD"); 
       $(view.el[0]).find(".fc-day[data-date="+date+"]").html("<span>" + event.title + "</span>").addClass("holiday"); 
       return false; 
      } else { 
       element.find('.fc-time').hide(); 
       element.css("min-height", "30px").css("border-width", "0px").css("margin-bottom", "2px"); 
       var text; 
       var operator; 
       element.addClass("course"+ event.id).addClass("event"+ event.id); 
       if(event.quantity == 1){ 
        operator = " Termin"; 
       } else if (event.quantity > 1){ 
        operator = " Termine"; 
       } 
       if(event.backgroundColor == "#fa3e54"){ 
        text ='<form method="POST" action="/register/${event.title}"> <div class="coursename">'+event.title +'</div>' + 
         '<div class="course-date">Kurs nicht mehr buchbar</div></form>'; 
       } else { 
        var register = '<div class="anmelden"><input type="hidden" name="token" value="'+event.id + ',' + event.date + ',' + event.time + ',' + event.quantity + '' + operator+'"><input type="submit" class="btn-u pull-right" value="Anmelden"></div></form>'; 
        text ='<form method="POST" action="/register/${event.title}"> <div class="coursename">'+event.title +'</div>' + 
         '<div class="course-date">Termine: '+ event.date + '</div>' + 
         '<div class="course-time">Uhrzeit: '+ event.time + '</div>' + 
         '<div class="coursequantity">Kursdauer: ' + event.quantity + ' ' + operator + '</div>' + register; 
        element.find(".fc-content").append('<form method="POST" action="/register/${event.title}">'+register+'</form>'); 
       } 
} 

Answer 1

私は<form> sが間違っている

変更

text ='<form method="POST" action="/register/${event.title}"> <div class="coursename">'+event.title +'</div>' + 

からaction="..."であなたの文字列の連結のみを考える：

text ='<form method="POST" action="/register/'+event.title +'"> <div class="coursename">'+event.title +'</div>' + 

だから

eventRender: function(event, element, view){ 
      element = $(element); 
      if(event.holiday){ 
       var date = moment(event.date).format("YYYY-MM-DD"); 
       $(view.el[0]).find(".fc-day[data-date="+date+"]").html("<span>" + event.title + "</span>").addClass("holiday"); 
       return false; 
      } else { 
       element.find('.fc-time').hide(); 
       element.css("min-height", "30px").css("border-width", "0px").css("margin-bottom", "2px"); 
       var text; 
       var operator; 
       element.addClass("course"+ event.id).addClass("event"+ event.id); 
       if(event.quantity == 1){ 
        operator = " Termin"; 
       } else if (event.quantity > 1){ 
        operator = " Termine"; 
       } 
       if(event.backgroundColor == "#fa3e54"){ 
        text ='<form method="POST" action="/register/'+event.title +'"> <div class="coursename">'+event.title +'</div>' + 
         '<div class="course-date">Kurs nicht mehr buchbar</div></form>'; 
       } else { 
        var register = '<div class="anmelden"><input type="hidden" name="token" value="'+event.id + ',' + event.date + ',' + event.time + ',' + event.quantity + '' + operator+'"><input type="submit" class="btn-u pull-right" value="Anmelden"></div></form>'; 
        text ='<form method="POST" action="/register/'+event.title +'"> <div class="coursename">'+event.title +'</div>' + 
         '<div class="course-date">Termine: '+ event.date + '</div>' + 
         '<div class="course-time">Uhrzeit: '+ event.time + '</div>' + 
         '<div class="coursequantity">Kursdauer: ' + event.quantity + ' ' + operator + '</div>' + register; 
        element.find(".fc-content").append('<form method="POST" action="/register/'+event.title +'">'+register+'</form>'); 
       } 
}