Question

我有一个按钮，点击它时只需将选定的值从下拉列表传递到文本框。这是代码：

    <td>
    <script type="text/javascript">
    function calculateCity() {

     var city = document.getElementById('<%= ddlCity.ClientID%>');
     txtCity0.value = city.options[city.selectedIndex].value;
                }
     </script>

     <asp:TextBox ID="txtCity0" runat="server" Width="260px"></asp:TextBox>
     <asp:DropDownList ID="ddlCity" runat="server">
     <asp:ListItem Value="1">Mumbai</asp:ListItem>
     <asp:ListItem Value="2">Pune</asp:ListItem>
     </asp:DropDownList>
     <input id="btnCity" onclick="calculateCity();" type="button" value="Calculate City" /></td>

此代码不做任何事情。任何帮助将不胜感激。谢谢你

Answer 1

您正在找到正确的下拉列表，但之后找不到文本框并只是尝试使用它。

您需要为文本框添加类似的getElementById行

Answer 2

试试这个： -

function calculateCity() {
    var city = document.getElementById('<%= ddlCity.ClientID%>');
    document.getElementById('<%= txtCity0.ClientID%>').value = 
                                                city.options[city.selectedIndex].value;
 }

或者如果你可以使用jQuery，那么你可以这样做： -

$("#<%= btnCity.ClientID %>").click(function() {
    $('#<%= txtCity0.ClientID %>').val($('#<%= ddlCity.ClientID %>').val());
});

使用javascript将下拉列表值传递给文本框

2 个答案: