2012-12-17 52 views
0

我会将多个字段的值传递给文本字段。有一个问题,选择选项,它的值是0和1,我的问题是如何确保它通过选项文本,而不是0和1?这意味着通过MYR而不是0和SGD而不是1?将选项文本而不是选项值传递给文本字段

http://jsfiddle.net/e2ScF/64/

HTML:

<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=""> 

CODE:

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

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

为什么不使用MYR和SGD作为原始HTML中的值? –

回答

3

来获取文本和无论是在下拉列表中选择的不是价值,你必须瞄准选择选项并从该元素中获取文本:

var tmp = $("option:selected", "#Salary_para1").text(); 

FIDDLE

2

你可以改变

var tmp = $("#Salary_para1").val(); 

有:

var tmp = $("#Salary_para1 option:selected").text(); 
+0

我不认为这是行得通的。这个“ID”是用于'