javascript - 将值从 HTML 控件复制到 ASP.NET 用户控件

Question

我是这个世界的新手。让我用照片来给你解释一下。

这是第一张照片，我有一个名为“Adress.ascx”的用户控件，此页面上有 2 种不同类型的控件。

1. Asp.net 控件(红色)

2. Html 控件(绿色)

这个用户控件，我已经在另一个名为Index.aspx的页面上实现了

我想要做的是，每当我单击“复制按钮”按钮时，html 控件中的所有内容都会复制到用户控件。

在 Html 控件上，我使用 Google Maps API 来搜索地址。

甚至，如果我不将用户控件实现到另一个页面，我也无法将 html 控件值复制到 asp.net 用户控件。

例如，我在用户控件上有一个名为 tbStreet 的 asp:TextBox 和一个 ID 为 id=street_name 的 Html 文本框。我想将 street_name 的值复制到 tbStreet。

Asp.net控制代码

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

Html控制代码

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

按钮代码

protected void btnCopy_Click(object sender, EventArgs e)
    {

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

    }

但是我没有在变量street中获得任何值

Answer 1

如果您有这样的 HTML 输入:

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

您应该将 name 属性值设置为 Request.Form 参数，而不是 id:

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

请注意，disabled 属性会阻止在回发中提交值，如果您只想禁止用户编辑其值，我建议删除该属性并将其替换为 readonly :

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

如果文本框属于用户控件，您可以创建一个属性来从中获取文本值，假设输入元素具有 runat="server" 属性:

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

然后您可以通过以下方式访问用户控件对象属性:

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