使用jQuery和html下拉列表加载页面

时间:2012-04-20 00:58:20

标签: php javascript jquery mysql wordpress

代码:

//querying the campaigns
$campaigns  = $wpdb->get_results(
                "SELECT *
                FROM tbl_campaigns
                ORDER BY campaignID DESC",   
                OBJECT_K
            );

//displaying the campaigns
<select name="campaign_list" class="campaign_dropdown">
    <?php
        foreach($campaigns as $c):
            echo '<option value="'.$c->campaignID.'" rel="'.$c->campaignID.'">'.$c->campaign_name.'</option>';
        endforeach;
    ?>
</select>

//javascript/jquery
var $j = jQuery.noConflict();
$j('.campaign_dropdown').change(function(){
        if($j(this).val() != '0'){
            var rel = $j(this).closest('option').attr('rel');
            alert(rel);
        }
    });

我想做的只是在我从下拉列表中选择时显示的rel值。 但我总是得到一个未定义的消息。 (如果这个将被修复,我将使用它来加载另一个页面,只要我从下拉列表中选择)

代码出了什么问题?

2 个答案:

答案 0 :(得分:2)

我想你想要:

var rel = $j(this).find('option:selected').attr('rel');

答案 1 :(得分:0)

$j('.campaign_dropdown').change(function(){
        if($j(this).val() != '0'){
            var rel = $j(this).find(":selected").attr('rel');
            alert(rel);
        }
    });