のjQueryを使用して、ロードページやHTML形式のドロップダウン

Question

コード：私は何をしたいか

//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); 
        } 
    }); 

は私がドロップダウンから選択したときにちょうどさんの相対値を表示することです。 しかし、私がいつも得意なのは未定義のメッセージです。 （これが修正される場合は、ドロップダウンから選択するたびに別のページをロードするために使用します）

コードには何が問題なのですか？

Answer 1

私は、あなたがしたいと思う：

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

Answer 2

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