[英]Pass a JavaScript variable in a HTML form action
我正在開發具有表單操作的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>');
}
}
我認為只有您在<form>
中的action="..."
中的字符串連接是錯誤的
更改
text ='<form method="POST" action="/register/${event.title}"> <div class="coursename">'+event.title +'</div>' +
至:
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>');
}
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.