Question

在下面的代码中，我有一个下拉列表，其中包含我想删除/禁用产品的值，但它不起作用：

<editable:EditableDropDownList ID="dpval"  runat="server" Style="width: 70%; height:29px"  EnableViewState="true" onfocus="javascript: if(this.value=='--Select--'){this.value='';}" onblur="javascript: if(this.value==''){this.value='--Select--';}">
    <asp:ListItem Text="---Select---" Value="0"></asp:ListItem>                                                 
    <asp:ListItem Text="Salt" Value="1"></asp:ListItem>
    <asp:ListItem Text="Book" Value="2"></asp:ListItem>
    <asp:ListItem Text="Product" Value="3"></asp:ListItem>
</editable:EditableDropDownList> 
<script>
     var myCombo = $('#<%=dpval.ClientID %>');
                    myCombo.append($('< option > </option>').val(1).html(option1Text));
                    $("#<%=dpval.ClientID %> option[value='3']").remove();
</script>

Answer 1

你的代码不会等到jQuery加载完毕。

在脚本下，在以下函数中编写代码。

$(function(){
   //Your code goes here.
});

在jQuery加载后调用它。

Answer 2

您需要在DOM就绪事件上编写这些内容，如下所示。因此，脚本可以处理加载的文档元素。

<script>
$(document).ready(function(){
    // You code goes here.
    var myCombo = $('#<%=dpval.ClientID %>');
    myCombo.append($('< option > </option>').val(1).html(option1Text));
    $("#<%=dpval.ClientID %> option[value='3']").remove();

});
</script>

禁用/删除下拉列表中的值

2 个答案: