javascript - 在自动填充的字段上附加一个值

Question

下面的函数让我使用从 Field1 输入的任何值自动填充 Field2。Field1 是一个选择列表。

$("#Field1").change(function(){
    $("#Field2").val(this.value);
});

我设法想出了ff。它附加了字符串 abc。

$("#Field1").change(function(){
    $("#Field2").val(this.value += "abc");
});

Output:
Field 1: Option1
Field 2: Option2abc

问题。提交表单时未保存 Field1 上的值，忽略在 Field1 上输入的值。

帮助？

Answer 1

如果您想在提交表单之间在客户端上的 Field1 上保存值，您可以通过将值保存在 cookie 中来实现，并在表单加载后恢复它：

cookie保存功能：http: //www.w3schools.com/js/js_cookies.asp

用法：

  //save
    $("#Field1").change(function(){
        $("#Field2").val(this.value += "abc");
        setCookie("Field2",this.value += "abc",10);
    });

   //restore
    $(function(){
       var Field2=getCookie("Field2");
       if (Field2!=null && Field2!=""){
       $("#Field2").val(Field2);
    }
    });

否则，您应该在服务器端跟踪汇总表单的值，并在表单提交到字段后写入新值。