Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

How to get values from textboxes

Posted on 2013-02-07
7
Medium Priority
?
223 Views
Last Modified: 2013-03-07
Hello,

I am using javascript to add text boxes when i click add button

  $(".addButton").on("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;" />');

        newTextBoxDiv.appendTo("#TextBoxesGroup");


        counter++;
    });

Open in new window


The issue is im not really sure how i can loop through them to get the values output.

Has anyone got any ideas??

The working code is shown here : http://jarrattperkins.com/training/addtraining.aspx
0
Comment
Question by:runnerjp2005
  • 3
  • 3
7 Comments
 
LVL 42

Accepted Solution

by:
Meir Rivkin earned 2000 total points
ID: 38863357
in line 5 you code:
.attr("id", 'TextBoxDiv' + counter);

so basically you give your textbox unique id which can be used to retrieve its value:

for(var i=0;i<counter;i++){
var val = $('#TextBoxDiv'+i).text();
}

Open in new window

0
 

Author Comment

by:runnerjp2005
ID: 38863368
how would i do this in vb.net though rather then javascript
0
 
LVL 42

Expert Comment

by:Meir Rivkin
ID: 38863377
do you mean that you want to get the value of your dynamic generated text-boxes values, in your code behind?
0
What is SQL Server and how does it work?

The purpose of this paper is to provide you background on SQL Server. It’s your self-study guide for learning fundamentals. It includes both the history of SQL and its technical basics. Concepts and definitions will form the solid foundation of your future DBA expertise.

 

Author Comment

by:runnerjp2005
ID: 38863423
yes thats it :)
0
 
LVL 42

Expert Comment

by:Meir Rivkin
ID: 38863465
since the textboxes are not aspnet controls but generated on runtime in your client side, you have a few options:

1. use aspnet hidden field control.
you add it in your aspx page:
<asp:HiddenField runat="server" ID="txtboxValues" Value='' />

Open in new window

set its value in your client side:
//create json array
var txtboxValues = [];
for(var i=0;i<counter;i++){
txtboxValues.push($('#TextBoxDiv'+i).text());
}
//assign the hidden field
$("#<%: this.txtboxValues.ClientID %>").val(txtboxValues);

Open in new window

read it in your server side:
JavaScriptSerializer js = new JavaScriptSerializer();
string [] txtboxValues =  js.Deserialize<string>(this.txtboxValues.Value);

Open in new window


2. create web service and use ajax to pass the values to server side.
check here for guideline: Walkthrough: Creating and Using AJAX-Enabled Web Service
in your VS solution, aright click in your project and add Web Service.
add new service called:
[WebMethod]
public SendValues(List<string> values){
}

in your client side you call the web service like this:
var txtboxValues = [];
for(var i=0;i<counter;i++){
txtboxValues.push($('#TextBoxDiv'+i).text());
}
var jsonText = JSON.stringify({ list: txtboxValues});
     
    $.ajax({
      type: "POST",
     url: "WebService1.asmx/SendValues",
      data: jsonText,
      contentType: "application/json; charset=utf-8",
      dataType: "json",
     success: function() { alert("success"); },
     failure: function() { alert("failed"); }
  });

Open in new window

check here to pass string array to server side via ajax:
javascript-arrays-via-jquery-ajax-to-an-aspnet-webmethod
0
 

Author Comment

by:runnerjp2005
ID: 38864468
When im reading it on client side

JavaScriptSerializer js = new JavaScriptSerializer();
string [] txtboxValues =  js.Deserialize<string>(this.txtboxValues.Value);

Open in new window


how would i add it to my sql database
0
 
LVL 10

Expert Comment

by:Monica P
ID: 38870419
0

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

IntroductionWhile developing web applications, a single page might contain many regions and each region might contain many number of controls with the capability to perform  postback. Many times you might need to perform some action on an ASP.NET po…
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
This Micro Tutorial will teach you how to add a cinematic look to any film or video out there. There are very few simple steps that you will follow to do so. This will be demonstrated using Adobe Premiere Pro CS6.
This lesson discusses how to use a Mainform + Subforms in Microsoft Access to find and enter data for payments on orders. The sample data comes from a custom shop that builds and sells movable storage structures that are delivered to your property. …
Suggested Courses

876 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question