我怎样才能得到2个文本框来改变基于下拉菜单选择的价值？

Question

我正在写JavaScript，如果语句根据下拉选择更改文本框内的值。我有2个文本框和2个下拉菜单。

DDB和DDA是我的下拉菜单ID。 TextBox1和TextBox2是我的文本框ID。

我目前的代码有效，除了TextBox1中的值始终保留在-90.4567之外，无论我选择什么。另一方面，TextBox2基于我的下拉选择而改变，并且完美地工作。

在我的JavaScript代码中有什么问题导致TextBox2在-90.4567上保持不变？

<script> 
function Blah(value) { 
var test = document.getElementById("<%=TextBox1.ClientID %>"); 
var test2 = document.getElementById("<%=TextBox2.ClientID %>"); 
var ddlB = document.getElementById("<%=DDB.ClientID %>"); 
var ddlA = document.getElementById("<%=DDA.ClientID %>"); 

if (ddlB.value == "10.1" && ddlA.value == "Inside") { test2.value = '10.1234' } { test.value = '-90.1234' } 
if (ddlB.value == "10.2" && ddlA.value == "Inside") { test2.value = '20.1234' } { test.value = '-90.2345' } 
if (ddlB.value == "10.3") { test2.value = '30.1234' } { test.value = '-90.3456' } 
if (ddlB.value == "10.4") { test2.value = '40.1234' } { test.value = '-90.4567' } 
} 
</script>  

Answer 1

当你需要一个if执行多行代码，它们都必须被包裹在一个单独的块，像这样：

if (condition) { 
    //multiple lines of code 
} 

这样做它自己的方式，第二块是总是无论条件如何，即将执行。因为test.value = '-90.4567'是最后一个，所以最终会被设置为。

看看这个例子，并注意第二块是如何总是执行：

if (false) {console.log("true")} {console.log("false")}

你的条件应该看起来可能更像这一点，但无可否认，他们能买得起是使用一些else if s清理。

if (ddlB.value == "10.1" && ddlA.value == "Inside") { 
    test2.value = '10.1234'; 
    test.value = '-90.1234'; 
} 

if (ddlB.value == "10.2" && ddlA.value == "Inside") { 
    test2.value = '20.1234'; 
    test.value = '-90.2345'; 
} 

if (ddlB.value == "10.3") { 
    test2.value = '30.1234'; 
    test.value = '-90.3456'; 
} 

if (ddlB.value == "10.4") { 
    test2.value = '40.1234'; 
    test.value = '-90.4567' } 
} 

Answer 2

你需要使用jQuery的下拉列表中的onchange事件：

$(document).ready(function() { 
    $(':checkbox').change(function() { 
      if($(this).val() == $VALOR1){ 
       // Código para valor 1    
     }else{ 
       //Código para valor 2 
     } 
});