Jquery Keyup関数を使用してある入力フィールドから別の入力フィールドに変数を渡す

Question

入力フィールド（location-name）を別のフィールド（location-address）に入力した値でオートポピュレートしようとしています。私はどこでもオンラインで見て、JSスニペットを簡単な例で動作させることができましたが、何らかの理由でこれが次のPHPコードで動作していません。

だけ明確にするために、私は場所名 『「に渡される場所アドレス』に入力した値をしたいと思いますが。

<script> 
    $('#location-address') 
     .keyup(function() { 
      var value = $(this).val(); 
      $('#location-name').text(value); 
     }) 
     .keyup(); 
</script> 

<tr class="em-location-data-name"> 
    <th style="padding-top: 14px;"> 
     <?php _e ('Event unique identifier:', 'dbem')?> 
    </th> 
    <td> 
     <input id="location-name" type="text" name="location_name" /> 
    </td> 

</tr> 
<tr class="em-location-data-address"> 
    <th style="padding-top: 14px;"> 
     <?php _e ('Address:', 'dbem')?>&nbsp;</th> 
    <td> 
     <input id="location-address" type="text" name="location_address" value="<?php echo esc_attr($EM_Location->location_address, ENT_QUOTES); ; ?>" /> 
    </td> 
</tr> 

Answer 1

あなたはjQueryのすべての結合するように$(document).ready();であなたのjQueryのコードをラップする必要があります。HTML要素が

修正されたコード：

<script> 
$(document).ready(function(){ 
$('#location-address').keyup(function() { 
    var value = $(this).val(); 
    $('#location-name').val(value); 
    }); 
}).keyup(); 
</script> 

Answer 2

まず、あなたのコードがdoに配置する必要がありますcument.readyハンドラ。次にフィールドの値を設定するにはval()ではなくtext()を使用する必要があります。

$(function() { 
 
    $('#location-address').keyup(function() { 
 
     var value = $(this).val(); 
 
     $('#location-name').val(value); 
 
    }).keyup(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
    <tr class="em-location-data-name"> 
 
    <th style="padding-top: 14px;"> 
 
     <?php _e ('Event unique identifier:', 'dbem')?> 
 
    </th> 
 
    <td> 
 
     <input id="location-name" type="text" name="location_name" /> 
 
    </td> 
 
    </tr> 
 

 
    <tr class="em-location-data-address"> 
 
    <th style="padding-top: 14px;"> 
 
     <? php _e('Address:', 'dbem') ?>&nbsp; 
 
    </th> 
 
    <td> 
 
     <input id="location-address" type="text" name="location_address" value="<?php echo esc_attr($EM_Location->location_address, ENT_QUOTES); ; ?>" /> 
 
    </td> 
 
    </tr> 
 
</table>

Answer 3

この

<script> 
$(document).ready(function(){ 
$('#location-address').keyup(function() { 
    var value = $(this).val(); 
    $('#location-name').val(value); 
    }); 
}); 
</script>