Question

我对HTML和Jquery有疑问。

以下是我的脚本：

var currentTemplate = 0;

$(document).ready(function(){
$("#emailTempTd"+currentTemplate).css("border", "1px solid");       

$("a[name='emailTemp']").click(function(){
        var relId = $(this).attr("rel");

        if(currentTemplate != relId){
            $("#emailTemplate").attr("value", $(this).html());
            $("#emailTemplateId").attr("value", relId);

            $("#emailTempTd"+currentTemplate).css("border", "");
            $("#emailTempTd"+relId).css("border", "1px solid");
            currentTemplate = relId;
        }// end if
    });

});

您还可以查看完整的HTML和脚本here.

以下是我的期望：

每次用户点击空白/空白2 /空白3时，都会自动进行填写模板名称和模板ID（隐藏）字段。
用户可以手动修改模板名称。我能够制作jquery 那些并且它运行良好，直到我达到第2点。

当用户执行以下步骤时会出现问题：

点击blank2 / blank3。（然后是模板名称和模板ID 自动填写）
用户删除或修改模板名称字段。
用户点击其他选项（空白/空白1 /空白2）。

模板名称和模板ID值未更改。

但是如果您使用firebug或开发人员工具进行chrome，则会更改其值。但外观没有改变。它坚持客户的意见。

我使用的是mozilla版本50.0.2和chrome版本55.0.2883.87

Answer 1

替换此

$("#emailTemplate").attr("value", $(this).html());
$("#emailTemplateId").attr("value", relId);

这一个

$("#emailTemplate").val($(this).html());
$("#emailTemplateId").val(relId);

删除后输入文本值不会更改

1 个答案: