「type="number"」などで入力した内容を渡したいです。
Q&A
Closed
解決したいこと
表題の件ですが、やりたい事としてはIDを「type="number"」などで指定し、
そのIDの内容をデータベースから引っ張ってきてテキストボックスに表示させるというものです。
それをwordpressで試みています。
<form action="">
<input style="width: 250px;" type="number" name="id" id="id" placeholder="ID" />
<input type="text" id="AAA" placeholder="AAA" />
</form>
<?php
global $wpdb;
$object = $wpdb->get_results("SELECT * FROM $wpdb->test", OBJECT_K);
$ob_id = 1; //ここをどうしていいかわかりません。とりあえず「1」にしておくとID1のBBBの値が入ります。
$BBB_value =$object[$ob_id]->BBB;
?>
<script>
function inputChange(){
document.getElementById( "AAA" ).value = "<?php echo $BBB_value ?>" ;
}
let id = document.getElementById('id');
id.addEventListener('input', inputChange);
</script>
自分で試したこと
変数を「 = $_POST['id'];」にしてみたり、「type="hidden"」を
使おうとしてみたりしましたが、皆目見当がつきませんでした。
調べる中でPHPはサーバー処理(初め？)とありましたので、
後からjavascriptでどうこうしようとしてもNGなのでしょうか？
あとはそもそもPOSTじゃない気もしていますがサッパリです・・・
イメージとしてはID入力をjavascriptで拾って、PHPに渡して
再度javascriptで表示させるという感じでしょうか・・・？
恐れ入りますご教授のほどよろしくお願い申し上げます。
0 likes
