将几个字段组合到一个输入字段时的问题

我有一些代码可以合并几个字段并传递到用户个人资料页面上的1个输入字段F.加载后，＃Salary_para1将首先将值传递给字段F，然后当用户在#Salary_value中输入值时，它也会将其值传递给字段F.与复选框＃Salary_para2相同的条件。将几个字段组合到一个输入字段时的问题

用户保存个人档案页面后出现问题。比方说，保存后F字段的值为“MYR1000 + Allowance”。加载后，字段F仍显示＃Salary_para1（样本中的“MYR”）的值，而不是“MYR1000 +允许值”。

1）如何确保在加载后显示“MYR1000 + Allowance”字段F？ 2）如果用户没有向#Salary_value输入值，如何让它不传递＃Salary_para1（MYR）的值？ 3）如何确保加载后的字段F的值为“MYR”和“+ Allowance”，那么字段＃Salary_para1将显示“MYR”并且复选框＃Salary_para2将被检查？（恢复）

http://jsfiddle.net/e2ScF/69/

CODE：

<select id="Salary_para1"> 
    <option value="">Choose...</option> 
    <option value="0" selected>MYR</option> 
    <option value="1" >SGD</option> 
</select> 
<input id="Salary_value" type="text"/> 
+ <input type="checkbox" id="Salary_para2" name="Salary_para2" value=" + Allowance" />Allowance<br/> 
<input type="text" id="targetTextField" name="targetTextField" size="31" tabindex="0" maxlength="99" value="MYR1000 + Allowance"> 

$(function() { 
setTarget(); 
$("#Salary_para1,#Salary_para2").change(setTarget); 
$("#Salary_value").keyup(setTarget); 

function setTarget() { 
    var tmp = $("option:selected", "#Salary_para1").text(); 
    tmp += $("#Salary_value").val(); 
    tmp += $("#Salary_para2:checked").val() || ''; 
    $('#targetTextField').val(tmp); 
} 
});

来源

2012-12-27 Robert Chan

检索值返回页面加载/刷新将是困难的，但你可以将其存储在cookie，并加载的onpage，你可以清除现有的值，并填写您拍摄的价值观在饼干。 – Karthik