如何在输入和 asp:textbox 控件之间交换值

Question

如何使用这样的东西：

<asp:TextBox ID="txt_place_name" CssClass="form-control ltr"  ValidationGroup="add" runat="server"></asp:TextBox>

    <input type="text" id="txt_newpl" value="placeName" runat="server" />

而javascript代码是：

    <script>
var tmp = document.createElement("input");
tmp.appendChild(document.getElementById('txt_newpl'));

google.maps.event.addListener(marker, "click", function (e) {
    var infoWindow = new google.maps.InfoWindow({
       content: 
       '<div>'+tmp.innerHTML+'</div>'
    })
});

document.getElementById("<%= txt_place_name.ClientID%>").value = txt_java.value;
</script>

我想将 txt_newpl 的值转移到 txt_place_name。 我怎么了？

Answer 1

我认为你做错了。您创建一个元素输入，然后将您的文本框添加到其中，然后尝试获取元素输入的值 (txt_java.value)，这是错误的，你想要 文本框的值 (document.getElementById('txt_newpl').value)。

<script>
    // .. rest of the code ...
    document.getElementById("<%= txt_place_name.ClientID%>").value = document.getElementById('txt_newpl').value;
</script>

另外，如果您将 <asp:TextBox ... /> 添加到要完成的信息窗口中，这并不容易，就像这样。这样，您就不会因为不必要的值交换而使您的代码复杂化。

<asp:TextBox ID="txt_place_name" CssClass="form-control ltr" ValidationGroup="add" runat="server"></asp:TextBox>

<script>
    var tmp = document.createElement("input");
    tmp.appendChild(document.getElementById("<%= txt_place_name.ClientID %>"));

    google.maps.event.addListener(marker, "click", function (e) {
        var infoWindow = new google.maps.InfoWindow({
            content:
            '<div>' + tmp.innerHTML + '</div>'
        })
    });
</script>

您可以这样做，因为<asp:TextBox .../> 控件将呈现给一个html 元素<input type="text" ... />。此渲染（转换）过程发生在服务器端。