下拉列表显示悬停选项

Question

我有一个下拉列表，它只显示点击选项，但我需要悬停显示选项

<label><?php echo $this->__('Sort By') ?></label>
                <select onhover="setLocation(this.value)" title="<?php echo Mage::helper('core')->quoteEscape($this->__('Sort By')) ?>">

                    <?php foreach($this->getAvailableOrders() as $_key=>$_order): ?>
                    <div class="dropdown-content">
                        <option value="<?php echo $this->getOrderUrl($_key, 'asc') ?>"<?php if($this->isOrderCurrent($_key)): ?> selected="selected"<?php endif; ?>>
                            <?php echo $this->__($_order) ?>
                        </option>
                            </div>
                    <?php endforeach; ?>

                </select>

Answer 1

也许你可以做一些简单的事情： https://jsfiddle.net/virginieLGB/v2064L95/

showHideDD()是您切换下拉列表的功能。 然后，您只需绑定click，mouseover和mouseout个事件 或者更清楚一点，你可以这样做：

$("#myid,#dd").click(showHideDD);
$("#myid,#dd").mouseover(showHideDD);
$("#myid,#dd").mouseout(showHideDD);