选择具有大小属性​​

Question

我正在使用选择框。我使用如下所示的选择框：

        <select name="cars" onchange="jsFunction()">
            <option value="volvo">Volvo</option>
            <option value="saab">Saab</option>
            <option value="fiat">Fiat</option>
            <option value="audi">Audi</option>
          </select>

  <script>
    function jsFunction(){
       console.log($(.names).val());
    }
  <script>

组合如下所示：

当comboboz被chenged时，这个功能正常工作。但我想同时显示所有选项。但我不想使用多个选项选择。所以我使用了大小选项，如下所示：

<select name="cars" size="4" onchange="jsFunction()">
       <option value="volvo">Volvo</option>
       <option value="saab">Saab</option>
       <option value="fiat">Fiat</option>
       <option value="audi">Audi</option>
</select>

然后选择框如下所示：

只能选择一个选项。但我的问题不是工作功能。当我使用大小属性，然后更改选择框时不触发该功能。当我删除此大小，然后触发该功能。

如何在不使用尺寸属性的情况下同时显示所有选项（没有多选）？或者如何使用size属性触发此功能？

Answer 1

您的JavaScript函数不应该在 all 上记录任何内容，因为它有语法错误。 $(.names)需要names周围的引号。此外，它还需要反映class的{​​{1}}。

首先，您需要将类<select>添加到您的选择中：

names

然后在jQuery DOM目标周围添加引号：

<select name="cars" size="4" class="names" onchange="jsFunction()">

这是新代码：

＆＃13;

＆＃13;

console.log($('.names').val());

＆＃13;

function jsFunction() {
  console.log($('.names').val());
}

＆＃13;

＆＃13;

＆＃13;

我创造了一个展示这个here的小提琴。

希望这有帮助！