Question

我有一个关闭的下拉框的脚本，直到用户单击向下箭头，显示选项。我想要它所以从一开始就显示所有选项，所以他们不必选择向下箭头。有谁知道我需要改变什么来实现这一目标？我在.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>

Answer 1

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>

Answer 2

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

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

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

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

Answer 3

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

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

以下是Demo，了解它的显示方式。

默认情况下在php中打开下拉菜单

3 个答案: