选择值后显示消息框

Posted 2021-04-18

我想在某个文本字段中选择ajax自动完成值时显示一个消息框。我正在使用jquery-confirm js库。这是我的代码。

                    select: function( event, ui ) {
                        console.log( ui.item.value );
                        nic= ui.item.value;
                        $("#msgbox").open();
                        return false;
                    }

.

    $("#msgbox").confirm({
        title: 'Entry Found',
        content: 'msg',
        lazyOpen:true,
        buttons: {
            confirm: function () {
                $.alert('Confirmed!');
            },
            cancel: function () {
                $.alert('Canceled!');
            },

ps：我对js和这些jquery的东西都是新手。:)

答案

试试吧。而不是'确认'使用'对话'。在'选择'里面这样打电话。

$("#msgbox").dialog("open");

和

$("#msgbox").dialog({
    title: 'Entry Found',
    content: 'msg',
    autoOpen: false,
    modal: true,
    lazyOpen:true,
    buttons: {
        confirm: function () {
            alert('Confirmed!');},
        cancel: function () {
            alert('Canceled!');}
}
});

另一答案

好吧，我发现了问题，select应该在jquery source之外，这里是完整的代码;

$("#nic").autocomplete({
            minLength:5,
            source : function(request, response) {
                $.ajax({
                    url: "ajaxautocomplete.html",
                    type: "Post",
                    data:JSON.stringify({"nic": request.term}),
                    contentType: "application/json",
                    dataType: "json",
                    success : function(data) {
                        response($.map(data.patient, function (patient) {
                            return{
                                label: patient.nic,
                                id: patient.id,
                            }
                        }))
                    }
                });
            },

            select: function( event, ui ) {
               //msg confirm box
                return true
            }
        });

并且对话框不起作用，我使用了jquery-confirm框。