The command line is a powerful tool at the disposal of every Linux user. Although Linux distros come with beautiful user interfaces, it's worthwhile to learn the command line because it allows you to do a number of things that you otherwise cannot do from the GUI.
Course Of The Month
8 days, 19 hours left to enrollBecome a Premium Member and unlock a new, free course in leading technologies each month.
Solved
For each method on textboxes that are dynamicly added
Posted on 2013-02-05
Hello all,
I have a live click function where if a button is clicked it adds a set of text boxes.
the issue is when i go to add it to my sql how would i loop through the text boxes to add them into the db?
I have a live click function where if a button is clicked it adds a set of text boxes.
$(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++;
});
the issue is when i go to add it to my sql how would i loop through the text boxes to add them into the db?
[X]
Welcome to Experts Exchange
Add your voice to the tech community where 5M+ people just like you are talking about what matters.
- Help others & share knowledge
- Earn cash & points
- Learn & ask questions
3-
3
7 Comments
Firstly, jQuery live is deprecated. You should be using 'on' now. http://api.jquery.com/on/
For the saving and to learn how it is working, I would suggest downloading a program like Fiddler and look at what is sent to the server when you finally submit your form. This should then show you what you will have access to in "Request.Form"
For the saving and to learn how it is working, I would suggest downloading a program like Fiddler and look at what is sent to the server when you finally submit your form. This should then show you what you will have access to in "Request.Form"
Active 3 days ago
Something like this:
EDIT: added the select option
function loopTextBoxes(){
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
}
EDIT: added the select option
Active 3 days ago
Looping through the entered values via asp.net will be a separate operation. The textboxes you are creating in your script are not server controls so you cannot access them directly from asp.net code behind. First, collect the values in a string via client side script in this format "inputId:value,inputID:val
Hello,
I tried this
But it does not show when click submit button
<asp:Button class="classname" ID="Submit" runat="server" Text="Submit"
Height="30px" Width="90px" />
I tried this
$(".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
});
But it does not show when click submit button
<asp:Button class="classname" ID="Submit" runat="server" Text="Submit"
Height="30px" Width="90px" />
Active 3 days ago
Your click event handler is assigned to a button with class="Submit" which you do not have.
You can do the following assuming asp.net does not change the asp:button client id from the server ID you have assigned to it. In certain circumstances, asp.net prepends additional words and symbols to the server IDs you assign in order to create new client ids. This keeps all ids on the rendered page unique.
$("#Submit").on("click", function () {
Alternately, you can put the values collector script in a normal javascript function as I have done and in your asp:Button add the attribute OnClientClick="loopTextBox
You can do the following assuming asp.net does not change the asp:button client id from the server ID you have assigned to it. In certain circumstances, asp.net prepends additional words and symbols to the server IDs you assign in order to create new client ids. This keeps all ids on the rendered page unique.
$("#Submit").on("click", function () {
Alternately, you can put the values collector script in a normal javascript function as I have done and in your asp:Button add the attribute OnClientClick="loopTextBox
Featured Post
Are you interested in becoming an AWS Certified Solutions Architect?
Discover a new interactive way of training for the exam.
Question has a verified solution.
If you are experiencing a similar issue, please ask a related question
Introduction
This article shows how to use the open source plupload control to upload multiple images. The images are resized on the client side before uploading and the upload is done in chunks.
Background
I had to provide a way for user…
International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
Monitoring a network: why having a policy is the best policy? Michael Kulchisky, MCSE, MCSA, MCP, VTSP, VSP, CCSP outlines the enormous benefits of having a policy-based approach when monitoring medium and large networks. Software utilized in this v…
In this video you will find out how to export Office 365 mailboxes using the built in eDiscovery tool. Bear in mind that although this method might be useful in some cases, using PST files as Office 365 backup is troublesome in a long run (more on t…
Suggested Courses
Earn Certification
HTML5 Specialist - Certification
Free withPremium
Course of the Month8 days, 19 hours left to enroll
615 members asked questions and received personalized solutions in the past 7 days.
Join the community of 500,000 technology professionals and ask your questions.