Question

我需要在WP中制作两个链式选择输入（国家，城市）。（所有都在地点分类中，国家是主要类别，城市是子类别）

首先选择i列出了所有国家/地区：

$locations = get_terms( ‘locations’, array(
‘hide_empty’ => false,
‘parent’ => 0 ) );

在第二个选择中，我只需要城市取决于所选国家/地区（没有页面刷新/提交，所以使用AJAX）

我需要将选择的值从第一个选择传递给php变量：

$whichCountry = AJAX RESPONSE HERE

列出第二个选择：

$locations = get_terms( ‘locations’, array(
‘hide_empty’ => false,
‘parent’ => $whichCounty) );

请帮我解决这个问题我做相同的代码，但还不够：

JS：

(function ($) {
$(document).ready(function () {
$(‘#first_select’).on(‘change’, function(){
$.post(
PT_Ajax.ajaxurl,
{
// wp ajax action
action: ‘ajax-inputtitleSubmit’,

// vars
data: $(‘#first-select’).val(),

// send the nonce along with the request
nextNonce: PT_Ajax.nextNonce
},
function (response) {
console.log(response.data);
}
);
return false;
});

});
})(jQuery);

PHP：

add_action( ‘wp_enqueue_scripts’, ‘inputtitle_submit_scripts’ );
add_action( ‘wp_ajax_ajax-inputtitleSubmit’, ‘myajax_inputtitleSubmit_func’ );
add_action( ‘wp_ajax_nopriv_ajax-inputtitleSubmit’, ‘myajax_inputtitleSubmit_func’ );

function inputtitle_submit_scripts() {

wp_enqueue_script( ‘inputtitle_submit’, get_template_directory_uri() . ‘/assets/js/inputtitle_submit.js’, array( ‘jquery’ ) );
wp_localize_script( ‘inputtitle_submit’, ‘PT_Ajax’, array(
‘ajaxurl’ => admin_url( ‘admin-ajax.php’ ),
‘nextNonce’ => wp_create_nonce( ‘myajax-next-nonce’ )
)
);

}

function myajax_inputtitleSubmit_func() {
// check nonce
$nonce = $_POST[‘nextNonce’];
if ( ! wp_verify_nonce( $nonce, ‘myajax-next-nonce’ ) ) {
die ( ‘Busted!’ );
}

// generate the response
$response = json_encode( $_POST );

// response output
header( “Content-Type: application/json” );
$whichCountry = $response;

// IMPORTANT: don’t forget to “exit”
exit;

}

的functions.php

include_once(‘inputtitle_submit_inc.php’)

链接通过AJAX在Wordpress中选择

0 个答案: