Join Dan Russo, Senior Manager of Operations Intelligence, for an in-depth discussion on how Dealertrack, leading provider of integrated digital solutions for the automotive industry, transformed their DevOps processes to increase collaboration and move with greater velocity.
Course Of The Month
8 days, 2 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 today
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 today
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 today
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
Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.
Question has a verified solution.
If you are experiencing a similar issue, please ask a related question
Calculating holidays and working days is a function that is often needed yet it is not one found within the Framework. This article presents one approach to building a working-day calculator for use in .NET.
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
Michael from AdRem Software explains how to view the most utilized and worst performing nodes in your network, by accessing the Top Charts view in NetCrunch network monitor (https://www.adremsoft.com/). Top Charts is a view in which you can set seve…
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…
Suggested Courses
Course of the Month8 days, 2 hours left to enroll
729 members asked questions and received personalized solutions in the past 7 days.
Join the community of 500,000 technology professionals and ask your questions.