将选项选择的两个值传递给JavaScript函数

Question

我有一个工作税计算器，我需要再添加一件。对于输入C，我需要有两个与用户选择的城镇相关的已知值。然后，我需要将这些值插入计算函数的不同位置，但Calculate2中只有一个值位于一个位置。就像：

<select name="input_C" id="input_C"> 
<option value="value1,value2">Acworth</option> 
</select> 

function Calculate(Atext, Btext, Ctext_value1, Ctext_value2, form) 
{ 
    var A = parseFloat(Atext); 
    var B = parseFloat(Btext); 
    var C_1 = parseFloat(Ctext_value1); 
    var C_2 = parseFloat(Ctext_value2); 
    form.Answer.value = ((B/C_1)-A)*C_2; 
} 

function Calculate2(Atext, Ctext_value2, Dtext, form) 
{ 
    var A = parseFloat(Atext); 
    var C_2 = parseFloat(Ctext_value2); 
    var D = parseFloat(Dtext); 
    form.Answer.value = D-((A*C_2)/1000); 
} 

但我不知道如何传递这两个值并将它们正确关联？

下面的代码有效，但显然缺少与input_C相关的两个值。我敢肯定，我需要别的东西添加到document.getElementById("input_C").value，除了其他变化......

function compute() { 
    var A = document.getElementById("input_A").value; 
    var B = document.getElementById("input_B").value; 
    var C = document.getElementById("input_C").value; 
    var D = document.getElementById("input_D").value; 

    if (B != "" && D != "") { 
     alert("You may only enter either an Assessment or Annual Taxes."); 
    } else if (A =="" && B =="" && D =="") { 
     alert("You must select your town, enter a Market Value, and either an Assessment or  Annual Taxes to calcuate.."); 
    } else if (C =="999") { 
     alert("You must select your town."); 
    } else if (A =="") { 
     alert("You must enter a Market Value."); 
    } else if (B != "" && C !="") { 
     Calculate(A, B, C, document.getElementById("overtax")); 
    } else if (D != "" && C !="") { 
     Calculate2(A, C, D, document.getElementById("overtax")); 
    } else { 
     alert("You must select your town, enter a Market Value, and either an Assessment or  Annual Taxes to calcuate."); 
    } 
} 

function Calculate(Atext, Btext, Ctext, form) 
{ 
    var A = parseFloat(Atext); 
    var B = parseFloat(Btext); 
    var C = parseFloat(Ctext); 
    form.Answer.value = ((B-A)*C)/1000; 
} 

function Calculate2(Atext, Ctext, Dtext, form) 
{ 
    var A = parseFloat(Atext); 
    var C = parseFloat(Ctext); 
    var D = parseFloat(Dtext); 
    form.Answer.value = D-((A*C)/1000); 
} 


<FORM NAME="Calculator" METHOD="post" id="overtax"> 
    <P>City/Town: 
     <select name="input_C" id="input_C"> 
      <option value="999">Select Your City/Town</option> 
      <option value="20.55">Acworth</option> 
     </select> 
    </P> 
    <P>Market Value: <INPUT TYPE=TEXT NAME="input_A" id="input_A" SIZE=10  onblur="this.value=this.value.replace(/,/g,'')"> <span class="directions">Please enter what you believe your property is worth in today's market</span></P> 
    <P>Assessment: <INPUT TYPE=TEXT NAME="input_B" id="input_B" SIZE=10 onblur="this.value=this.value.replace(/,/g,'')"> <span class="directions">Located on your property tax bill or assessment card</span></P> 
    <P>OR</P> 
    <P>Annual Taxes: <INPUT TYPE=TEXT NAME="input_D" id="input_D" SIZE=10 onblur="this.value=this.value.replace(/,/g,'')"> <span class="directions">Located on your property tax bill or assessment card</span></P> 

    <P><INPUT TYPE="button" VALUE="Calculate" name="AddButton" onclick="compute();" /></P> 

Answer 1

如果我理解正确，你只需要拆分值的字符串

例如鉴于此HTML

<select id="mySelect"> 
    <option value="100,200">My Value</option> 
</select>​ 

那么这会给你的价值观

var value = document.getElementById("mySelect").value; 
var split = value.split(","); 
var v1 = split[0]; 
var v2 = split[1]; 

例如看到jsfiddle

更多的split方法here

Answer 2

我们可以用数据属性传递，并可在JS访问，

<OPTION VALUE="1" data-year="2010">One</OPTION> 

var year = $(this).find(':selected').data('year');