獲取輸入字段值發送到另一個輸入字段

Question

我試圖從輸入字段複製值並將其發送到另一個onkeyup但它只提取值並不發送。

function populateSecondTextBox() { 
 
    document.getElementById('cepAddressRouteTransporter').value = document.getElementById('postal_code').value; 
 
}

<form action="transporter/route" method="post" role="form"> 
 
    <table id="address"> 
 
    <tr> 
 
     <td class="label">Zip code</td> 
 
     <td class="wideField"> 
 
     <input class="field" id="postal_code" name="postal_code" onkeyup="populateSecondTextBox();"> 
 
     </td> 
 
    </tr> 
 
    </table> 
 
    <div class="input-field col s6"> 
 
    <i class="material-icons prefix">directions</i> 
 
    <input placeholder="Ex: 18214-780" id="cepAddressRouteTransporter" name="cepAddressRouteTransporter" type="text" class="validate"> 
 
    <label for="cepAddressRouteTransporter">CEP:</label> 
 
    </div> 
 
</form>

Answer 1

頭更換功能或身體爲我工作。

function populateSecondTextBox() { 
    document.getElementById('cepAddressRouteTransporter').value = 
    document.getElementById('postal_code').value; 
} 

JSFiddle

Answer 2

做最簡單的事情

onkeyup="document.getElementById('cepAddressRouteTransporter').value = this.value;" 

更改你的onkeyup函數調用如上。