Copy value from HTML controls to ASP.NET user control

Question

I'm new to this world. Let me explain you by photos.

Here is the first photo, I have a user control called "Adress.ascx" and on this page there are 2 different types of controls.

Asp.net controls (red)
Html controls (green)

This user control, I have implemented on another page called Index.aspx

What I want to do is, whenever I click on the button "Copy button", whatever is in the html controls copy to User control.

On Html controls, I'm using Google Maps API to search addresses.

Even, if I don't implement my user control to another page, I'm not able to copy html controls value to asp.net user controls.

For example, I have one asp:TextBox called tbStreet on user control and one Html textbox whose ID is id=street_name. I want to copy street_name's value to tbStreet.

Asp.net control code

 <asp:TextBox ID="tbStreet" runat="server" MaxLength="50" 
 CssClass="inputfield M"></asp:TextBox></td>

Html control code

<input class="field" id="street_name" name="streetName"
            disabled="true"></input></td>

Button code

protected void btnCopy_Click(object sender, EventArgs e)
    {

        string street = Request.Form["street_name"];

    }

But I don't get any value in variable street

I don't understand the question. The pictures confuse me more than anything. — mjwills
– mjwills, Commented Oct 27, 2017 at 8:41
Provide minimal reproducible example code to explain your issue - without code it's hard to find solution from this question. — Tetsuya Yamamoto
– Tetsuya Yamamoto, Commented Oct 27, 2017 at 8:42

Tetsuya Yamamoto · Accepted Answer · 2017-10-27 09:46:11Z

1

If you have the HTML input like this:

<input class="field" id="street_name" name="streetName" />

You should set the name attribute value as Request.Form argument instead of id:

protected void btnCopy_Click(object sender, EventArgs e)
{
    string street = Request.Form["streetName"].ToString();
}

Note that disabled attribute prevents value to be submitted in postback, I recommend to remove that attribute and replace it with readonly if you just want to disallow users editing its value:

<input class="field" id="street_name" name="streetName" readonly="readonly" />

If the text box belongs to a usercontrol, you can create a property to get the text value from it, assumed the input element has runat="server" attribute:

public string StreetName
{
    get { return street_name.Text; }
}

Then you can access usercontrol object properties with this:

UserControl control = (UserControl)Page.FindControl("UserControlId");
string street = control.StreetName;

edited Oct 27, 2017 at 9:46

answered Oct 27, 2017 at 9:05

Tetsuya Yamamoto

25.1k8 gold badges43 silver badges63 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

bizimunda Over a year ago

I have tried to make a property but no luck. I thinks its a User control and maybe something extra we need to do. If I just create a normal aspx page there I can retrieve the values but from User control I have no idea what is missing.

Jaybird · Accepted Answer · 2017-10-27 09:01:27Z

0

See the docs - https://msdn.microsoft.com/en-us/library/ms525985(v=vs.90).aspx

The element is referenced by name rather than ID, so:

string street = Request.Form["streetName"];

answered Oct 27, 2017 at 9:01

Jaybird

5414 silver badges13 bronze badges

3 Comments

bizimunda Over a year ago

thank you very much, I have tried even with ID but not luck.

Jaybird Over a year ago

Yes your code shows that you're using ID, have you tried with Name?

bizimunda Over a year ago

yes I have tried with Name. Maybe I have to cast like (Adres)Request.Form["streetName"];? because it is on a UserControl page?

Collectives™ on Stack Overflow

Copy value from HTML controls to ASP.NET user control

2 Answers 2

1 Comment

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related