Question

我根据名称为afl_round的下拉列表动态创建单选按钮。这可以无缝运行：

<script type="text/javascript">
jQuery(document).ready( function($) {
    var valueCheck;
    jQuery('#afl_round').on( 'change', function () {
         afl_round = $('#afl_round').val();
     jQuery.ajax({
        type: "POST",
        url: "/wp-admin/admin-ajax.php",
        data: {
            action: 'call_slate_radio_buttons_ownership',
            afl_round: afl_round,
        },
         success:function(output){
             jQuery('#radio_buttons').html( output );
         }
     });
    }).change();
});
</script>

然后，我希望能够基于单选按钮的选择来更改#ownership_table。但是，我发现此脚本似乎根本没有运行。

当我直接通过php而不是javascript生成单选按钮时，该表与下面的代码配合得很好，所以我觉得它一定与javascript的级联特性有关？

脚本是按照网页中的顺序排列的。

<script type="text/javascript">
jQuery(document).ready( function($) {
   jQuery('input:radio[name=afl_slate]').on( 'change', function () {
         afl_slate = $('input:radio[name=afl_slate]:checked').val();
     jQuery.ajax({
        type: "POST",
        url: "/wp-admin/admin-ajax.php",
       data: {
            action: 'call_slate_ownership_table',
            afl_slate: afl_slate,
        },
         success:function(output){
             jQuery('#ownership_table').html( output );
         }
     });
    }).click();
});
</script>

我会很感激人们提供的任何信息，因为我确信这是我忽略了的相当简单的事情。

谢谢。

根据评论中的要求，我复制了php文件代码的简化版本以提供帮助。如上所述，第一个代码成功生成了单选按钮。第二个代码不会生成任何内容.....除非我用html硬编码单选按钮。因此，我认为这些php文件都不存在任何问题。我的想法是javascript之间没有链接。

function get_slate_radio_buttons_ownership(){
global $wpdb;

$round = $_POST['afl_round'];
$myQuery = $wpdb->get_results('SELECT ds_slate_name, ds_slate_id FROM afl_master WHERE round = '.$round.' GROUP BY ds_slate_id');

if($myQuery){
$check = 0;
foreach ( $myQuery as $result ) 
    {
if($check == 0){$checked=' checked="checked"';} else{$checked='';}
echo'<input type="radio" name="afl_slate" value="'.$result->ds_slate_id.'"'.$checked.'/> '.$result->ds_slate_name.'<br>';
$check = $check + 1;
    }
}

echo'<br>';
wp_die();
}

add_action('wp_ajax_nopriv_call_slate_radio_buttons_ownership', 'get_slate_radio_buttons_ownership');
add_action('wp_ajax_call_slate_radio_buttons_ownership', 'get_slate_radio_buttons_ownership');

function get_slate_ownership_table(){
global $wpdb;

$slate = $_POST['afl_slate'];
$myQuery = $wpdb->get_results('SELECT * FROM afl_master WHERE ds_slate_id = "'.$slate.'" ORDER by ds_selected DESC');

echo '<div style="overflow-x:auto;">';
echo '<table>';
echo "<tr><th>Player Name</th><th>Value</th></tr>"; 

if($myQuery){
foreach ( $myQuery as $result ) 
{
$ds_value = number_format(ROUND(1000*$result->dreamTeamPoints/$result->ds_salary_hist,1),1);

    echo '<tr><td>'.$result->player_name.'</td><td>'.$ds_value.'x</td></tr>';
    }
}
echo '</table>';
echo '</div>';

wp_die();
}

add_action('wp_ajax_nopriv_call_slate_ownership_table', 'get_slate_ownership_table');
add_action('wp_ajax_call_slate_ownership_table', 'get_slate_ownership_table');

动态单选按钮不会调用第二个JavaScript函数

0 个答案: