在自动填充的字段上附加值

时间:2012-11-27 11:09:16

标签: javascript jquery javascript-events

下面的函数让我使用从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上输入的值。

帮助?

1 个答案:

答案 0 :(得分:1)

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

Cookie save functinons: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);
    }
    });

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