使用jQuery将选择菜单项输出到文本

时间:2014-10-16 00:04:47

标签: php jquery wordpress

我正在使用一个名为WPShopCart的Wordpress网站的插件。它不会为我提供一种在任何地方输出产品类别作为文本的方法;它想要做的就是在该类别下显示产品。但是,它 输出一个下拉菜单以跳转到其他类别 - 所以我想到可能我可以使用它并简单地将所选选项输出为文本。我试过了:

<script> $('#category :selected').text(); </script>

无济于事。我在插件中找到了这个文件,这是写入输出下拉菜单的标记/ php:

<option value="0" >All</option>
<?php 
    $cat = new WpShopcartProductCategory();
    $cats = $cat->getModels(); 
?>
<?php foreach($cats as $c): ?> 
    <?php 
        $selected='';
        if(isset( $_GET['catid']))
        {
            if( $_GET['catid'] == $c->id)
                $selected =  'selected="selected"';
        }
    ?>
    <option value="<?php echo $c->id ?>"  <?php echo $selected ?> ><?php echo $c->name.'('.$c->getProductCount($c->id).')' ?></option>
<?php endforeach; ?> 

我也尝试直接在页面,页眉和页脚中添加我的脚本,但没有结果。也许有人可以解密php标记,这样我就可以在页面的其他地方成功输出类别名称了吗?

我想显示为标题:我们的产品(此处提取的ID或类别标题)

1 个答案:

答案 0 :(得分:1)

alert( $("#category option:selected").text() );

应该为您提供您所追求的类别

 $(document).ready(function() {
    document.title = $("#category option:selected").text();
 });

会更改浏览器中的标题,如果这就是你的意思。

否则,如果您想要更改页面中的标题,请选择带有jquery的元素并更改此文本。

$(document).ready(function() {
    $("h1").text( $("#category option:selected").text() );
});