0

我有一些代码可以组合几个字段并传递给用户个人资料页面上的 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 将被选中?(回退)

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

代码:

<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);
}
});
4

1 回答 1

0

1) 仅当您将 F 字段保存在某处时才有可能.. 因为重新加载后无法获取 javascript var

2)检查状况if empty or not并在那里做你的事情

3)revertback是可能的..考虑到您将F字段var保存在某处...加载var ..将其拆分为arras并检查条件..

检查这个小提琴..

http://jsfiddle.net/e2ScF/75/

并摆弄其他例子..

http://jsfiddle.net/e2ScF/74/

于 2012-12-27T07:24:07.303 回答