0

我有一个关闭的下拉框的脚本，直到用户单击向下箭头，显示选项。我想要它，以便从一开始就显示所有选项，因此他们不必选择向下箭头。有谁知道我需要改变什么才能实现这一目标？我在 .toggleClass 上尝试了“打开”“打开”，但这似乎并没有改变任何东西。

    <script type="text/javascript">
// <![CDATA[
// toggles the refine search field values
jQuery(document).ready(function($) {
    $('div.handle').click(function() {
        $(this).next('div.element').animate({
            height: ['toggle', 'swing'],
            opacity: 'toggle' }, 200
        );

        $(this).toggleClass('close', 'open');
        return false;
    });
    <?php foreach ( $_GET as $field => $val ) : ?>
    $('.<?php echo esc_js($field); ?> div.handle').toggleClass('close', 'open');
    $('.<?php echo esc_js($field); ?> div.element').show();
    <?php endforeach; ?>

});
// ]]>
</script>
4

3 回答 3

1

multiple在选择框中使用属性，如下所示：

<select name="xxx" multiple>
    <option value="1">value 1</option>
    <option value="2">value 2</option>
    <option value="3">value 3</option>
</select>

这是一个演示，看看它是如何出现的。

于 2012-12-12T10:50:29.527 回答
0

要在不使用下拉框的情况下显示所有项目，您可以使用 HTML 元素<select size="3">属性。

您能否向我们展示用于在页面上显示您的选择框的所有代码，以便我们建议如何执行此操作？我猜你正在使用某种框架。

<select size="3">
    <option>A</option>
    <option>B</option>
    <option>C</option>
</select>

用户将看到所有选项都出现在一个垂直框中。它们可以Ctrl用来选择多个选项，在这种情况下，您需要附加[]到select元素的name属性。

于 2012-12-12T10:24:12.817 回答
0

PHP 不会这样做，您可以使用 Javascript 来玩表单的交互。

在 javascript 上使用 focus() 函数，下拉菜单应该自动聚焦。

<!-- Your form -->
<form>
<select id="mySelect">
  <option>...</option>
</select>
</form>

<!-- Your Javascript -->
<script type="text/javascript">
document.getElementById('mySelect').focus();
</script>
于 2012-12-12T10:18:58.480 回答