Question

我在转发器中有一个下拉列表。这个下拉列表出现在转发器中的每个记录显示中。我希望仅从客户端下拉列表 >。我的代码是

<asp:Repeater ID="rep_hello" runat="server"> <ItemTemplate> <asp:Label ID="lbl" runat="server" Text=' <%#DataBinder.Eval(Container.DataItem, "batchid")%>'></asp:Label> <%#DataBinder.Eval(Container.DataItem, "batchid")%><br /> <%#DataBinder.Eval(Container.DataItem, "ts")%><br /> <asp:DropDownList ID="drp_comp" runat="server"> <asp:ListItem Value=""></asp:ListItem> <asp:ListItem Value="1">1</asp:ListItem> <asp:ListItem Value="2">2</asp:ListItem> <asp:ListItem Value="3">3</asp:ListItem> </asp:DropDownList> </ItemTemplate> </asp:Repeater>

所以请帮助我..提前致谢。

Answer 1

这是一段用于执行此操作的jquery代码：

var $mySelects = $('select[name$=drp_comp]');
var previousValue;

$mySelects
.focus(function(event) {
    // to save the previous value
    previousValue = $(this).val();
}
.change(function(event) {
    var newValue = $(this).val();
    $mySelects.not($this).each(function() {
        var $this = $(this);
        if ($(this).val() === newValue) {
            alert('The value "' + newValue + '" has already been selected. Choose another one.');
            $this.val(previousValue);
            return false; // stop looping
        }
    });
});

在可用性方面，我建议您在其他选项中禁用已选择的值。

如果您对每次更改进行回发，可以通过设置ListItem.Enabled = false在代码隐藏中执行此操作。

如果你想在客户端这样做，这会产生这样的想法：

var $mySelects = $('select[name$=drp_comp]');

$mySelects.change(function(event) {
    var $this = $(this), val = $this.val();
    $mySelects.not($this).find('option[value='+val+']').prop('disabled',true);
});

d

Answer 2

我尝试过以下代码并为我工作

function EmailPriortyCheker() {

    var Email = $('[id$=drpEmailPriorty]').val();
    var Pager = $('[id$=drpPagerPriorty]').val();
    var CellPhone = $('[id$=drpCellPhonePriorty]').val();

    if (Email == "") { } else {
        if (Email == Pager || Email == CellPhone) {
            alert('Priorty cannot be same.');
            $('[id$=drpEmailPriorty]').val("");
        }
    }
}
function PagerPriortyCheker() {
    var Email = $('[id$=drpEmailPriorty]').val();
    var Pager = $('[id$=drpPagerPriorty]').val();
    var CellPhone = $('[id$=drpCellPhonePriorty]').val();

    if (Pager == "") { } else {
        if (Pager == Email || Pager == CellPhone) {
            alert('Priorty cannot be same.');
            $('[id$=drpPagerPriorty]').val("");
        }
    }
}

function CellPhonePriortyCheker() {
    var Email = $('[id$=drpEmailPriorty]').val();
    var Pager = $('[id$=drpPagerPriorty]').val();
    var CellPhone = $('[id$=drpCellPhonePriorty]').val();

    if (CellPhone == "") { } else {
        if (CellPhone == Email || CellPhone == Pager) {
            alert('Priorty cannot be same.');
            $('[id$=drpCellPhonePriorty]').val("");
        }
    }
}

我的HTML代码是：

  <asp:DropDownList ID="drpEmailPriorty" onchange="EmailPriortyCheker();" TabIndex="5"
                    runat="server">
                    <asp:ListItem Text="Select Order" Value=""></asp:ListItem>
                    <asp:ListItem Text="First" Value="1"></asp:ListItem>
                    <asp:ListItem Text="Second" Value="2"></asp:ListItem>
                    <asp:ListItem Text="Third" Value="3"></asp:ListItem>
                </asp:DropDownList>

  <asp:DropDownList ID="drpPagerPriorty" onchange="PagerPriortyCheker();" TabIndex="8"
                    runat="server">
                    <asp:ListItem Text="Select Order" Value=""></asp:ListItem>
                    <asp:ListItem Text="First" Value="1"></asp:ListItem>
                    <asp:ListItem Text="Second" Value="2"></asp:ListItem>
                    <asp:ListItem Text="Third" Value="3"></asp:ListItem>
                </asp:DropDownList>

<asp:DropDownList ID="drpCellPhonePriorty" onchange="CellPhonePriortyCheker();" TabIndex="11"
                    runat="server">
                    <asp:ListItem Text="Select Order" Value=""></asp:ListItem>
                    <asp:ListItem Text="First" Value="1"></asp:ListItem>
                    <asp:ListItem Text="Second" Value="2"></asp:ListItem>
                    <asp:ListItem Text="Third" Value="3"></asp:ListItem>
                </asp:DropDownList>

使用javascript或jquery检测下拉列表中选择的重复值？

2 个答案: