Question

我想通过javascript访问智能多重选择的值。我没有线索。请帮助别人。 Framework7 smart multiple select

Answer 1

您可以使用＆＃34; .each（）＆＃34;来访问多个选定的值。并将其传递给数组。

例如：

这是多重选择：

<ul>
    <li><a href="#" class="item-link smart-select">
    <!-- "multiple" attribute for multiple select-->
    <select name="car" multiple>
      <!-- options grouped within "optgroup" tag-->
        <option value="honda" selected>Honda</option>
        <option value="lexus">Lexus</option>
        <option value="mazda">Mazda</option>
        <option value="nissan">Nissan</option>
        <option value="toyota">Toyota</option>
    </select>
    <div class="item-content">
      <div class="item-inner">
        <div class="item-title">Car</div>
      </div>
    </div></a></li>
</ul>

将所选值传递给数组：

var cars = [];
     $$('select[name="car"] option:checked').each(function () {
        cars.push(this.value);
     });

    console.dir(cars); //or console.dir(cars);

结果：(2) ["honda", "lexus"]

Answer 2

老问题，但在 Google 上排名，因为我只是浪费了 2 个小时，这里是如何使用 v6 和 vuejs 做到这一点：

<f7-list-item title="I feel"
                    class="mood"
                    smart-select
                    :smart-select-params="{openIn: 'popover', closeOnSelect: true}">
        <select name="mood">
          <option value="" selected>Please choose</option>
          <option value="happy">Happy</option>
          <option value="sad">Sad</option>
        </select>
      </f7-list-item>

...

      const mood = f7.smartSelect.get(".mood .smart-select").getValue()

使用 vuejs，.mood 中的 f7-list-item 类被添加到获取 .smart-select 类的元素的父元素中，因此您需要传递两个选择器，否则 f7.smartSelect.get 获胜找不到对象。

通过framwork7中的javascript访问智能选择的值

2 个答案: