我有一些代码可以组合几个字段并传递给用户个人资料页面上的 1 个输入字段 F。加载后,#Salary_para1 会先将值传递给字段 F,然后当用户在 #Salary_value 中输入值时,它也会将其值传递给字段 F。与复选框#Salary_para2 的条件相同。
用户保存个人资料页面后出现问题。假设 F 字段保存后的值为“MYR1000 + Allowance”。加载后,字段 F 仍显示 #Salary_para1 的值(样本中的“MYR”)而不是“MYR1000 + Allowance”。
1) 如何确保F栏在加载后显示“MYR1000 + Allowance”?2) 如果用户没有向#Salary_value 输入值,如何使它不传递#Salary_para1 (MYR) 的值?3) 如何确保加载后的字段 F 的值是“MYR”和“+ Allowance”,那么字段#Salary_para1 将显示“MYR”并且复选框#Salary_para2 将被选中?(回退)
代码:
<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);
}
});