Question

我有一个带有下拉列表的usercontrol，并在usercontrol旁边有一个链接，根据下拉列表的值打开弹出窗口

我有一个页面，其中我使用不同的ID两次引用了usercontrol。但我的问题是当我点击页面上的单个链接时，因为链接在用户控件本身以及下拉列表的值，我选择的下拉值$find('<%=RadComboBox1.ClientID%>').get_value(); 两种情况都相同，或者从最后一个元素

中找到

它因为RadComboBox1的ID与页面无关，而是与现在的usercontrol相关，所以它将具有相同的ID并且将为两个弹出链接获得相同的值

如何让链接正常工作？

用户控件

<script type="text/javascript">
function openPopUp() {
        var ddlValue = $find('<%=RadComboBox1.ClientID%>').get_value();

        if (ddlValue.length <= 0) {
            alert('Please Select a Vendor');
        }
        else {
            var jsURL = "/Open.aspx?id=" + ddlValue;
            return OpenPOPWindow(jsURL, 550, 1250, 340, 160);
        }
    }
</script>

<telerik:RadComboBox runat="server" ID="RadComboBox1" Height="190px" OnClientSelectedIndexChanged="javascript:openPopUp();" >
<a runat="server" id="lnkPopUp" visible="false"  href="javascript:void(0);">View Data</a>

Answer 1

你确定它获得相同的ID吗？因为它不应该。

为什么不将其更新为

javascript:openPopUp(this);

或从代码隐藏中添加：

RadComboBox1.OnClientSelectedIndexChanged = "openPopUp('" + RadComboBox1.ClientID + "')";

这意味着openPopUp将始终具有对您当前组合框（第一个示例）或组合框ID（第二个示例）的正确引用。

LATER EDIT：

我刚做了一些测试。

首先，我使用以下代码创建了一个用户控件：

Options here: 
<asp:DropDownList runat="server" ID="ddlOptions">
    <asp:ListItem Text="option 1"></asp:ListItem>
    <asp:ListItem Text="option 2"></asp:ListItem>
    <asp:ListItem Text="option 3"></asp:ListItem>
</asp:DropDownList> 
<a href="javascript:linkit('<%=ddlOptions.ClientID%>')">Link here</a>

然后我创建了一个页面：

    <uc1:test runat="server" ID="test1" /><br />
    <uc1:test runat="server" ID="test2" />

    <script language="javascript" type="text/javascript">
        function linkit(id)
        {
            alert(document.getElementById(id).value);
        }
    </script>

其中uc1：test是前面描述的控件。

如果我在下拉列表中选择不同的选项并单击链接，我会得到正确的选定选项（每个链接都不同）。

这不是你遇到的同样问题吗？

usercontrol上的链接在相同页面中多次引用

1 个答案: