野生动物园的下拉菜单未显示下拉菜单项

Question

我的下拉菜单可在Chrome（台式机和移动设备）和Firefox（台式机和移动设备）上使用，但似乎不适用于Safari（台式机）和Chrome（平板电脑）上。

这就是在Chrome上工作时的样子

这是它在Safari上的外观

HTML：

<button type="button" id="platform" class="btn btn-orange dropdown-toggle mr-2" data-toggle="dropdown"
                        aria-haspopup="true" aria-expanded="false">
                    Select Platform
                </button>

<div class="dropdown-menu" id="plat-form-options">
                    {% for platform in game.platform.all %}
                        <option class="dropdown-item" value="{{ platform.id }}"
                                onclick="platFormSelect('{% url 'title-updates-ajax' slug=game.slug platform_id=platform.id %}', '{{ platform }}')">{{ platform }}</option>
                    {% endfor %}
                </div>

Javascript：

 $(document).ready(function () {
            if ($("#plat-form-options option").length > 0) {
                $("#plat-form-options option")[0].click();
            }

        });


        function platFormSelect(url, platform) {
            $('#platform').text(platform);


            $.get(url, function (response) {
                        $('#updates_data').html(response);

                    })
                    .done(function () {

                    })
                    .fail(function () {

                    });

        }

Answer 1

您的protobuf.load(__dirname + '/schema.proto') 标签似乎应该是<option>标签，因为它们没有包装在<a>中。

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option

尝试一下：

<select>