无法在javascript中将输入值传输到ASP.net文本框值

时间:2015-01-20 10:51:03

标签: javascript asp.net

如何在javascript中在ASP.net文本框中传输输入值?

<script type="text/javascript">
    var val = localStorage.getItem("menusave");
    document.getElementById("<%= txt1.ClientID %>").value = val;
    document.getElementById("city").value = val;
</script>

<input type="text" id="city" name="city" />   <asp:TextBox ID="txt1" runat="server"></asp:TextBox>

3 个答案:

答案 0 :(得分:0)

这应该有效:

window.onload = function () {
    document.getElementById('<%= txtCity.ClientID %>').value = 'whatever';
}

<asp:TextBox ID="txtCity" runat="server"></asp:TextBox>

如果您使用的是ASP.NET 4或更高版本,则还可以将页面的ClientIDMode修改为static。通过这种方式,您的ID不会被修改。

<%@ Page Language="C#" CodeBehind="myPage.aspx.cs" ClientIDMode="Static" %>

window.onload = function () {
    document.getElementById('txtCity').value = 'whatever';
}

<asp:TextBox ID="txtCity" runat="server"></asp:TextBox>

答案 1 :(得分:0)

您使用的是JQuery吗? 如果是,请使用此:

<script type="text/javascript">
 $(document).ready(function() { /* code here */ });

如果您不使用JQuery,请执行以下操作:

<body onload="CallFcn()" >
<form id="form1" runat="server" >
        <asp:TextBox ID="txt1" runat="server"></asp:TextBox>
</form>

   <script type="text/javascript">
function CallFcn() {
    var val = localStorage.getItem("menusave");
    document.getElementById("<%= txt1.ClientID %>").value = val;
    document.getElementById("city").value = val;
}

答案 2 :(得分:0)

创建此元素

<input type="text" id="city" name="city" />   
<asp:TextBox ID="txt1" runat="server" Text="dfdsd"></asp:TextBox>

然后添加Javascript代码

<script type="text/javascript">
     localStorage.setItem("menusave", "Test");
     var val=localStorage.getItem("menusave");
     document.getElementById('<%= txt1.ClientID %>').value =val;
     document.getElementById("city").value = val;
</script>

结果如

enter image description here