如何獲得2個文本框以根據下拉菜單選擇更改值？

Question

我正在寫javascript if語句，這些語句根據下拉選擇更改文本框內的值。 我有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可以使用else if清除它們。

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