如何在ajax响应中隐藏按钮?

时间:2016-03-31 12:12:40

标签: javascript jquery html ajax modal-dialog

我在我的javascript页面中使用ajax调用.Below是我的ajax调用...

$("#txn_post").dialog({
        modal: true,
        title:"Transaction",
        show: 'blind',
        hide: 'blind',
        width: 740,
        height:550,
            });

    $.ajax({
        type: 'POST',
        url: "/pms/txn/newTax",
        success: function (response) {
            /*$("#txn_post").hide();*/
            alert("resp");
            $("#txn_post").html(response);
            alert("after resp");
            //$('#txn_delete_btn').hide();
            //$("#txn_div").dialog("open"); 
            //with out excecuting my above code my dialog works
            /*$("#txn_delete_btn").attr("disabled", false);*/
        }
    });

模态显示,但我尝试了许多方法来隐藏模态内的按钮。但它不会影响......

我在ajax成功中的代码$("#txn_post").html(response);不会被激活。

<div id="txn_post" class="currencydiv" style="width: auto; display: none; min-height: 0px; max-height: none; height: 570px;"></div>

是模态的div和

<input class="pms_void_btn_trnsction txn_delete_btn " id="txn_delete_btn" value="DELETE" onclick="deleteField('${currentTxnNo}');" type="button"></input>是我需要隐藏的删除按钮。

如何从我的ajax成功中隐藏上面的按钮?任何帮助都会非常明显。

1 个答案:

答案 0 :(得分:0)

试试这个

$("#txn_post").dialog({
    modal: true,
    title:"Transaction",
    show: 'blind',
    hide: 'blind',
    width: 740,
    height:550,
        });

$.ajax({
    type: 'POST',
    url: "/pms/txn/newTax",
    success: function (response) {
        $("#txn_post").html(response);
        $("#txn_post").find('#txn_delete_btn').css('display', 'none');
    }
});

如果您仍然遇到问题,可以尝试alert($("#txn_post").attr('id'));alert($("#txn_post").find('#txn_delete_btn').attr('id'));

确保您获得正确的对象