WordPress Ajax-вызов для получения значения из базы данных и установки в поле ввода на основе другого ввода

Question

Я пытаюсь создать динамическую форму, когда некоторые поля будут автоматически зависеть от пользовательского ввода. например.

mySql Строка данных

+-------+----------------+
|br_code| br_name        |
+-------+----------------+
| 1057  | BANANI         |
+-------+----------------+
| 1065  | BANANI BAZAR   |
+-------+----------------+
| 1073  | PRIME OFFICE   |
+-------+----------------+

У меня есть два поля ввода, как это

<input type="number" name="br_code" id="br_code"  placeholder="Branch Code"/>
<input type="text" name="br_name" id="br_name" disabled/>

поэтому, если я введу br_code, как я могу заполнить br_name в другом поле.

чтобы достичь этого Что я пытаюсь

JQuery

jQuery('#br_code').change(function($) {
   $('#br_name').attr('disabled', true);
   $('#br_name').val("<?php echo($br_name);?>")
});

PHP

<?php
global $wpdb;
$tablename = $wpdb->prefix."sbl_employee";
//getting branch name from database
$br_name = $wpdb->get_row( "SELECT br_name FROM $tablename WHERE br_code = '$br_code'" );
====Need help to call Wordpress Ajax call===

Answer 1

Добавьте это к функциям вашей темы. Php

add_action( 'wp_ajax_brnamereturner', 'brnamereturner' );
add_action( 'wp_ajax_nopriv_brnamereturner', 'brnamereturner' );

function brnamereturner() {
global $wpdb;
if(empty($_GET["br_code"])) return;
    $br_code=intval( $_GET['br_code'] );
    $tablename = $wpdb->prefix."sbl_br_name";
    $rows = $wpdb->get_results("SELECT br_name from $tablename WHERE br_code = $br_code");
    foreach ($rows as $row) { 
        echo $row->br_name;
    }
    wp_die(); 
}

В вашем jQuery используйте это:

jQuery('#br_code').change(function($) {
   $('#br_name').attr('disabled', true);
   var data = {
    'action': 'brnamereturner',
    'br_code': jQuery('#br_code').val()
};
   jQuery.get("<?php echo admin_url( 'admin-ajax.php' );?>", data, function(response) {
        $('#br_name').val(response);
    });

});