dynamic dropdown countdown
Hey jeg har et problem med min drop down, jeg laver dynamisk et antal textboxes udfra min dropdown, også har jeg en remove function som gør jeg kan slette en række igen, problemet er at jeg ikke kan få min countdown til at virke, den tæller ikke ned inde i min dropdown select. mine funktioner er.. var html = '';$('#children').on('change', function () {
var optList = $(".ui-field-contain select").eq(0).html();
var optListCh = $(".ui-field select").eq(0).html();
children = $(this).val();
html = '';
for (var i = 0; i < children; i++) {
html += '<div data-role="fieldcontain" class="ui-hide-label"><table id="tlbD" class="table table-responsive"><tr><td><input data-role="none" style="box-shadow: 2px 2px 1px #888888; height: 35px; padding: 5px;" id="txt0" class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset" placeholder="Navn" type="text" id="txtbox' + i + '" name="txtbox' + i + '"required=""/></td><td> </td><td><select data-role="none" style="border-radius:10px; box-shadow: 2px 2px 1px #888888; height: 35px; padding: 5px; width: 98.5%;" class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset" size="1" name="ddl' + i + '" id="ddl' + i + '"required>' + optList + '<option selected="selected" disabled="disabled">Opsamlingssted</option></select></td><td><span style="margin-left:5%;" onclick="processClick()" title="Slet passagerer" style="font-size:1.5em;" class="glyphicon glyphicon-remove-circle pull-right "></span></td></tr></table></div>';
}
$('#kidsFields').html(html);
$('.ui-page').trigger('create');
document.getElementById("clicks").innerHTML = " " + i;
$('#txtBoxAntal').val($('#clicks').text());
});
og remove delen
function removeElement(parentDiv, childDiv) {
if (childDiv == parentDiv) {
alert("Den kan ikke slettes.");
}
else if (document.getElementById(childDiv)) {
var child = document.getElementById(childDiv);
var parent = document.getElementById(parentDiv);
parent.removeChild(child);
document.getElementById("clicks").innerHTML = " " - i;
}
else {
alert("finder ikke flere.");
return false;
}
}