ajaxとjqueryを使用してwordpressのオプション値を使用する方法？私は一の段階で、私は選択ボックスのためのjQueryを使ってAjaxを利用して欲しいプラグインで開発しています

Question

は

、以下、私は誰もが私に

<select id="payment_status">   
 
         <option value="Payment Due">Payment Due</option> 
 
         <option value="Payment Completed">Payment Completed</option> 
 
         </select>

を助けてくださいすることができますワードプレスでAJAXを使用する方法を知って行って私のコードです

 $(document).ready(function() { 
 
          $("#payment_status").change(function(){ 
 
           jQuery.ajax({ 
 
           type:"post", 
 
            url:ajaxurl, 
 
           data: {action: 'test.php',keyname:$('#payment_status option:selected').val()} 
 
            // alert($('#payment_status option:selected').val()); 
 
          }) 
 
         });

Answer 1

私はあなたのJSコードは、この

上のように見えるしなければならないと思います

jQuery(document).on('click', '.love-button', function() { 
    var post_id = jQuery(this).data('id'); 
    jQuery.ajax({ 
     url : ajax_url, 
     type : 'post', 
     data : { 
      action : 'post_love_add_love', 
      post_id : post_id 
     }, 
     success : function(response) { 
      alert(response) 
     } 
    }); 
}); 

とのfunctions.php

add_action('wp_ajax_nopriv_post_love_add_love', 'post_love_add_love'); 
add_action('wp_ajax_post_love_add_love', 'post_love_add_love'); 

function post_love_add_love() { 
    $love = get_post_meta($_POST['post_id'], 'post_love', true); 
    $love++; 
    if (defined('DOING_AJAX') && DOING_AJAX) { 
     update_post_meta($_POST['post_id'], 'post_love', $love); 
     echo $love; 
    } 
    die(); 
} 

ワードプレスでAJAXを使用してどのようにそれが唯一の例ですへのコードのこの部分を追加します。