單擊鏈接後增加ID的值

我正在使用日期選擇器「開始日期」和「結束日期」，同樣在我的php頁面中我正在使用「添加更多字段」，我想，當我點擊添加更多，它也應該增加日期ID，下面是代碼，這將給你更好的主意。單擊鏈接後增加ID的值

<script> 
if (top.location != location) { 
top.location.href = document.location.href ; 
} 
$(function(){ 
window.prettyPrint && prettyPrint();

//禁用日期變種nowTemp =新日期（）; var now = new Date（nowTemp.getFullYear（），nowTemp.getMonth（），nowTemp.getDate（），0,0,0,0）;

var value = 1; 
value++; 

var checkin = $('#dpd1').html(value).datepicker({ 
onRender: function(date) { 
return date.valueOf() < now.valueOf() ? 'disabled' : ''; 
} 
}).on('changeDate', function(ev) { 
if (ev.date.valueOf() > checkout.date.valueOf()) { 
var newDate = new Date(ev.date) 
newDate.setDate(newDate.getDate() + 1); 
checkout.setValue(newDate); 
} 
checkin.hide(); 
$('#dpd2').html(value)[0].focus(); 
}).data('datepicker'); 
var checkout = $('#dpd2').html(value).datepicker({ 
onRender: function(date) { 
return date.valueOf() <= checkin.date.valueOf() ? 'disabled' :  ''; 
} 
}).on('changeDate', function(ev) { 
checkout.hide(); 
}).data('datepicker'); 
}); 
</script>

這是我在頁面的頁腳代碼，現在我想什麼時，點擊「添加更多行」 ..代碼如下..

<table><tr><td><a href="#" title="" class="add-touring">Add more row...</a></td></tr></table>

它應該加上1，2， 3 ....我多次點擊「添加更多行」。我的意思是它應該像「＃dpd1」應該＃dpd12，＃dpd13，＃dpd14..and等。

實際上，當我點擊「添加更多行」...它添加了一個新行，剛好在第一行下面，再次如果我再次點擊添加另一行，所以它就像我的第一個「開始日期」ID是它成爲第二行開始日期id =「dpd12」和結束日期id =「dpd22」，並且在第三行中它變成開始日期id =「dpd13」，並且結束日期id是id =「dpd2」並且結束日期id =「dpd23」....它發生時，點擊添加更多的行，在JavaScript中它仍然只與開始日期id =「dpd1」和結束日期id =「dpd2」一起工作，這就是爲什麼它不工作第二行和第三行等等，因爲你可以在我的jscript中看到它，我想要我的行作爲工作，並且開始日期和結束日期增加/增加id中的值，當我點擊「添加更多行「它也在我的javascript中添加相同的方式，然後我的日期選擇器將與每一行工作，當我點擊添加更多的行。現在它只爲第一排工作。

我希望你能理解並給我一個合適的解決方案。

太謝謝你了！

來源

2015-10-16 Arshi

我不知道Jscript，我需要幫助來解決這個問題，請大家幫忙.....我會感謝你們所有人。 – Arshi

一秒鐘，看着它，然後會有所幫助。大聲笑 – Casey

RAe你想在DateTimePicker的當前位置增加，當你點擊「多一個..」，或每次添加一行信息？我對你的問題感到困惑。 – Casey

如果我正確理解你的問題，你實際上並沒有試圖改變一個特定元素的ID，但你試圖增加SELECTOR，以便它選擇適當的元素。那是對的嗎？

如果是這樣，您可以在選擇器中使用一個變量。

$("#dpd2").html(value).focus();

你可以這樣做：而不是做的

var currentDatePickerID = 0;

而每一次增加它的按鈕被點擊，然後你的選擇會是這樣的：

$("#dpd" + currentDatePickerID).html(value).focus();

那你的選擇器是動態的。

來源

2015-10-16 18:12:28

它不工作！ – Arshi

我懂了，謝謝Kenny Fellows！ – Arshi

這裏是解決方案..這我在腳本執行..

var counterTouring = 1; 
$('.add-touring').click(function(event){ 
event.preventDefault(); 
counterTouring++; 

var checkin = $('#dpd1' + counterTouring).html(value).datepicker({ 
//---- 
});

感謝所有！

來源

2015-10-20 04:54:45 Arshi

單擊鏈接後增加ID的值

回答

相關問題