2017-10-14 14 views
0

入力フィールドから値をコピーして別の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>

+3

"値だけを抽出して送信しません"とはどういう意味ですか? – sskoko

+0

@sskoko入力 '$('#postal_code ')。val(); 'に入力された値を抽出していますが、送信しませんinput 'cepAddressRouteTransporter' – smachs

+1

あなたの投稿を編集してコードスニペットを挿入しましたが、あなたのコードは正常に動作しているようです。 –

答えて

0

頭の中や体内の機能を交換して私のために働きました。

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

JSFiddle

+0

ありがとうございました! – smachs

0

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

変更しますonkeyupの上記のような関数呼び出しの最も簡単なことを行います。

関連する問題