Question

我的下拉列表包含数据库中的值。我尝试使用.search{ padding: .6em; @include flex(1 2 60%); //width: 60%; border-right: 1px solid rgba(255,255,255,0.3); input{ @include border-radius(6px); @include box-shadow(0 1px 4px 0 rgba(0,0,0,.25)); height: 3em; width: 100%; } } .logo{ @include flex(1 0 20%); border-right: 1px solid rgba(255,255,255,0.3); } .login{ @include flex(1 0 10%); border-right: 1px solid rgba(255,255,255,0.3); a{ padding: 1.5em 1em; } } .cart { @include flex(1 0 10%); width: 10%; }选择最后一个元素值，默认情况下将值更改为最后一个。我尝试了多种解决方案，但我的脚本仍然返回一个空值。

HTML

ajax

AJAX

<div class="three wide field">
    <label>Page number</label>
    <div class="ui selection dropdown" id="dropdown-pages">
        <input type="hidden" name="page" id="page" value="{{ filters.page }}">
    <div class="default text">Page number</div>
        <i class="dropdown icon"></i>
        <div class="menu">
            {% for page in 1..count_pages %}              
            <div class="item" id="example" data-value="{{ page }}">{{ page }}</div>
            {% endfor %}
        </div>
    </div>
</div>

Answer 1

如果迭代数组或对象，可以单独为div.item设置id。

然后你应该通过id

访问jquery的最后一项

Answer 2

请按照以下代码：

$("select option:last").attr("selected","selected");

尝试上面的代码，使用jQuery在下拉列表中选择最后一个选项...

由于

从div下拉列表中选择最后一个元素

HTML

AJAX

2 个答案: