我试图在选择选项中附加通过AJAX任务从服务器获取的数据,但是每当附加数据被添加时,通过每次单击附加按钮来执行附加函数,就像这样:1、2、3...。 1,2,3表示相同的数据被附加多次(即每次单击按钮时)。
<div class="form-group col-sm-3 d-inline-block" style="padding: 0px;">
<select class="form-control" id="Day" name='day' onclick="get_max_np_date()">
<option disabled selected>Day</option>
<script>
var max_day;
function get_max_np_date() { //Return the maximum Days in Nepali Date System (Bikram Sambat)
var get_year = document.getElementById('Year')
var get_month = document.getElementById('Month');
year = get_year.options[get_year.selectedIndex].value;
month = get_month.options[get_month.selectedIndex].value;
console.log(Boolean(year && month));
if (year && month){
$.ajax({
url: 'max-np-day',
type: 'get',
data: {
'year':year,
'month':month
},
success: function (data) {
max_day = data;
var days;
DayElm = document.getElementById("Day")
for (days = 1; days <= max_day; days++) {
var optionElm = document.createElement("option");
var daysNode = document.createTextNode(days);
optionElm.appendChild(daysNode)
DayElm.appendChild(optionElm)
}
}
})
}
};
</script>
</select>
</div>
正如您在中告诉我的那样,我了解您的要求FB
。这很简单...
传递的ID的Month
,并Year
在各自的选择标记。
Ueon change
功能
$(“#{{Month}},#{{Year}}”).on(“ change”,function(){.... CODE STUFF ....})
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句