jquery - 设置对话框显示的值

Question

我有代码:

$(function() {
        $("#dialog").dialog({
            bgiframe: true,
            autoOpen: false,
            height: 300,
            modal: true,
            buttons: {
                Cancel: function() {
                    $(this).dialog('close');
                }
            },
            close: function() {
                allFields.val('').removeClass('ui-state-error');
            }
        });

        $("input[name=edit]").click(function() {
            alert(1);
            $("#dialog input[@id=ItemId]").val($("ItemId"));
            alert(2);
            $("#dialog input[@id=CatId]").val($("CatId"));
            $("#dialog input[@id=UnitId]").val($("UnitId"));
            $("#dialog input[@id=SaleOffId]").val($("SaleOffId"));
            $("#dialog input[@id=ItemCode]").val($("ItemCode"));
            $("#dialog input[@id=ItemName]").val($("ItemName"));
            $("#dialog input[@id=UnitCost]").val($("UnitCost"));

            $('#dialog').dialog('open');
        })
    .hover(
        function() {
            $(this).addClass("ui-state-hover");
        },
        function() {
            $(this).removeClass("ui-state-hover");
        }
    ).mousedown(function() {
        $(this).addClass("ui-state-active");
    })
    .mouseup(function() {
        $(this).removeClass("ui-state-active");
    });
    });

我想为表单支持的对话框设置值。我编写了函数 $("input[name=edit]").click(function() 来设置对话框的值，每个按钮编辑都是单击，但它是错误的。我不知道我错在哪里。请帮助我

谢谢

Answer 1

如果您使用的是 jQuery 1.3，请首先从属性选择器中删除 @ 符号。

$("#dialog input[@id=CatId]")

应该变成

$("#dialog input[id=CatId]")

引用 jQuery 文档:

Note: In jQuery 1.3 [@attr] style selectors were removed (they were previously deprecated in jQuery 1.2). Simply remove the '@' symbol from your selectors in order to make them work again.

更好的改进是改变

$("#dialog input[id=CatId]")

至

$("#CatId")

因为 id 必须是唯一的。