Question

我在gridview中有一个列表框，其中最后一项称为“other”。我需要找到一种方法，以便在选择“其他”时，会显示一个文本框供用户输入值，如果取消选择，则会隐藏文本框。

我正在尝试在客户端（使用jquery或javascript）执行此操作。

Answer 1

您可以尝试：

 Private Sub ListBox1_SelectedIndexChanged(sender As System.Object, e As System.EventArgs) Handles ListBox1.SelectedIndexChanged
        Dim str As String
        str = ListBox1.SelectedItem.ToString
        If str.Equals("other") Then
            TextBox1.Visible = True
        Else
            TextBox1.Visible = False
        End If

    End Sub

但如果您无法直接关联该事件，则会在加载事件中创建关联：

For Each row As GridViewRow In gvProcesos.Rows     
   Dim ListBox1 As ListBox = row.FindControl("MylistBox")  
   AddHandler  ListBox1.SelectedIndexChanged, AddressOf ListBox1_SelectedIndexChanged
Next

在客户端，您可以尝试这些

   $('#<%=gdRows.ClientID %>').find('span[id$="lblID"]')

但替换为渲染的HTML控件的span。

Answer 2

经过多次测试后，我使用直接的javascript

作为我的解决方案

我的服务器代码

oListBox.Attributes.Add("onchange", "ShowHideTextbox('" & oListBox.ClientID & "','" & oTextbox.ClientID & "','" & oLabel.ClientID & "');")

我的javascript函数

    function ShowHideTextbox(oDropID, oTextID, oLabelID) {
    var ddl = document.getElementById(oDropID);
    var oTextbox = document.getElementById(oTextID);
    var oLabel = document.getElementById(oLabelID);
    var bShow = false;
    for (i = 0; i < ddl.length; i++) {
        if (ddl[i].selected) {
            if (ddl[i].text == "Other") bShow = true;
        }
    }
    if (bShow) {
        oLabel.style.display = 'inline';
        oTextbox.style.display = 'inline';
        oTextbox.focus();
    } else {
        oLabel.style.display = 'none'; 
        oTextbox.style.display = 'none'; 
    }
}

在我的情况下，我有一个标签和文本框，我正在显示/隐藏我不确定它是否与Firefox兼容。我还必须根据数据库中的值为自己计算文本框的初始状态。

如何在选择特定列表框项目时显示文本框？

2 个答案: