使用 jQuery 和 html 下拉菜单加载页面

Posted 2023-02-24

【中文标题】使用 jQuery 和 html 下拉菜单加载页面

【英文标题】：load page using jQuery and html dropdown

【发布时间】：2012-05-01 14:32:42

【问题描述】：

代码：

//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 值。 但我总是得到一个未定义的消息。 （如果这将得到修复，我将在我从下拉列表中选择时使用它来加载另一个页面）

代码有什么问题？

【参考方案1】：

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

【参考方案2】：

我想你想要：

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