Sign up to receive Decoded, a new monthly digest with product updates, feature release info, continuing education opportunities, and more.
$(document).ready(function () {
var counter = 2;
$(".addButton").live("click", function () {
var newTextBoxDiv = $(document.createElement('div'))
.attr("id", 'TextBoxDiv' + counter);
newTextBoxDiv.html(' <label class="alignme" for="repdist' + counter + '">Rep' + counter + ' - </label><label for="repdist' + counter + '">Distance:</label>' +
' <input onkeypress="return IsNumber(event)" name="repdist' + counter + '" type="text" id="repsit' + counter + '" style="width:30px;" />' +
' <select name="kmormile' + counter + '" id="kmormile' + counter + '"> ' +
'<option value="Miles">Miles</option>' +
'<option value="Km">Km</option>' +
' </select>' +
' <label for="repmin' + counter + '">Min:</label>' +
' <input onkeypress="return IsNumber(event)" name="repmin' + counter + '" type="text" value="00" maxlength="2" id="repmin' + counter + '" style="width:30px;" />' +
' <label for="repsec' + counter + '">Sec:</label>' +
'<input onkeypress="return IsNumber(event)" name="repsec' + counter + '" type="text" value="00" maxlength="2" id="repsec' + counter + '" style="width:30px;" /><a href="#" style="border: 0;" id="addButton" class="addButton"><img style="border: 0;" src="images/add.PNG" /></a><a href="#" id="removeButton" class="removeButton"><img style="border: 0;" src="images/close_square.PNG" /></a>');
newTextBoxDiv.appendTo("#TextBoxesGroup");
counter++;
});
$(".Submit").on("click", function () {
var values = '';
$('#TextBoxesGroup div[id^="TextBoxDiv"]').each(function () {
$(this).find('input').each(function () {
values += $(this).attr('id') + ': ' + $(this).val() + '\r\n';
});
values += $(this).find('select').attr('id') + ': ' + $(this).find('option:selected').val() + '\r\n\r\n';
});
alert(values); //Replace with code to transfer values to POST
});
Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.
Have a better answer? Share it in a comment.
From novice to tech pro — start learning today.
Open in new window
EDIT: added the select option