2013-12-12 57 views
-2

這可能是一個愚蠢的問題,但不知道如何去處理它。在JavaScript中輸出變量的值

我有這樣的代碼工作正常

var values = [ 
    [20,25,35,40], 
    [36,42,50,56], 
    [42,56,52,68], 
    [60,70,68,72] 
]; 

function updateValue() { 
    var ukValue = document.querySelector('input[name="uk_zone"]:checked').value; 
    var frValue = document.querySelector('input[name="fr_zone"]:checked').value; 

    if(ukValue && frValue) { 
    alert(values[ukValue-1][frValue-1]); 
    } 
} 

警報工作正常,但我期待它來填充一個文本框,而不是一個警告框。誰能幫忙?

這是我所有的HTML

<form id="uk_zones" onChange="updateValue();"> 
<div><input type="radio" name="uk_zone" value="1">UK zone 1</div> 
<div><input type="radio" name="uk_zone" value="2">UK zone 2</div> 
<div><input type="radio" name="uk_zone" value="3">UK zone 3</div> 
<div><input type="radio" name="uk_zone" value="4">UK zone 4</div> 
</form> 

<br /> 


<form id="fr_zones" onChange="updateValue();"> 
    <div><input type="radio" name="fr_zone" value="1">France zone 1</div> 
    <div><input type="radio" name="fr_zone" value="2">France zone 2</div> 
    <div><input type="radio" name="fr_zone" value="3">France zone 3</div> 
    <div><input type="radio" name="fr_zone" value="4">France zone 4</div> 
</form> 

<input type="text" id="text1" style="visibility:hidden" /> 

在此先感謝:-)

+2

你從研究中發現了什麼?這是一個非常標準的/ [易於搜索的](https://www.google.com/search?q=javascript+populate+a+text+box)要做的事情。 – admdrew

回答

1

您已經臭接近,你讀出來,你可以設置(與值)的數據相同的方式。 PS,這是在jQuery標籤,但你不使用jQuery ...還有一些其他問題的瘋狂重複。

function updateValue() { 
    var ukValue = document.querySelector('input[name="uk_zone"]:checked').value; 
    var frValue = document.querySelector('input[name="fr_zone"]:checked').value; 

    if(ukValue && frValue) { 
    document.getElementById('text1').value = [ukValue-1][frValue-1]; 
    } 
}