Question

我在下拉列表的页脚部分有一个按钮。我希望当我点击按钮时，唯一的下拉列表与按钮一起隐藏。我想隐藏唯一的ItemTemplate内容

这是示例代码

             <telerik:RadComboBox ID="RadCmbGeneralGroupCodes" runat="server"
                 <ItemTemplate>
                 <asp:CheckBox ID="chkProcedureGroupCodes" runat="server" Text='<%# Eval("ProcedureCode") + " "  + Eval("ProcedureName") %>'
               ToolTip='<%# Eval("ProcedureName") %>' ProcedureId='<%# Eval("ProcedureID") %>'
               ProcedureCode='<%# Eval("ProcedureCode") %>' 
               MaxQty='<%# Eval("MaxQty") %>'
               NoOfVisit='<%# Eval("NoOfVisit") %>'
               NoOfVisitForMainProc='<%# Eval("NoOfVisitForMainProc") %>'
               AddAdditionalPercentage='<%# Eval("AddAdditionalPercentage") %>'
               ParentProcedureID='<%# Eval("ParentProcedureID") %>'
               IsDenture='<%# Eval("IsDenture") %>'
               SurfaceCount='<%# Eval("SurfaceCount") %>'
               IsOptional='<%# Eval("IsOptional") %>'
               AlwaysOpt='<%# Eval("AlwaysOpt") %>'
               ToothEntry='<%# Eval("ToothEntry") %>'
               SurfaceType='<%# Eval("SurfaceType") %>'
               IsBillable='<%# Eval("IsBillable") %>
               AppliedToOffProv='<%# Eval("AppliedToOffProv") %>'
               DentalCost='<%# Eval("DentalCost") %>'
           OnClick="OnProcedureCodeItemChecked(this)"
                </ItemTemplate>
                 <FooterTemplate>
                <input id="cancel" type="button" value="Cancel" />
                </FooterTemplate>
            </telerik:RadComboBox>

我试过这个但不能正常工作

$('#cancel').click(function () {
    $(this).hide();
    $('ItemTemplate').hide();
});

Answer 1

这很简单，只需使用.hide()函数。

jsFiddle

<强>的JavaScript

$('button').click(function () {
    $(this).hide();
    $('select').hide();
});

<强> HTML

<select>
    <option>I wish I was hidden</option>
</select>
<button>Hide us!</button>

如果您在页面上有多个按钮，则应为id分配button。

<强>的JavaScript

$('#hide-button').click(function () {
    $(this).hide();
    $('select').hide();
});

<强> HTML

<button id="hide-button">Hide us!</button>

Answer 2

请尝试以下代码。

<script>
$(document).ready(function(){
$("#mybutton").click(function(){

     //hide
     $(this).hide();
     $("select.myddlist").hide();

});
});
</script>

Answer 3

hide就是你需要的......

试试这个

$(function(){
    $("#yourButtonId").click(function(){
        $("#yourSelectid").hide();
        $(this).hide();
    });
});

Answer 4

隐藏RadComboBox的下拉列表：Hide RadComboxBox

$('#cancel').click(function () {
    var RadComboBox=$find("<%=RadCmbGeneralGroupCodes.ClientID%>")//find RadComboBox
    RadComboBox.hideDropDown();//hide RadComboBox dropdown
}

隐藏RadComboBox下拉列表

4 个答案: