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


Output select menu item to text with jQuery

我正在使用一个名为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或类别标题)

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

应该给你后的类别

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

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

否则,如果您想更改页面中的标题,请使用jquery选择元素,然后像这样更改文本。

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