如何在 JavaScript 中设置多个值以列出值

Posted 2023-05-08

【中文标题】如何在 JavaScript 中设置多个值以列出值

【英文标题】：How to set multiple values to list value in JavaScript

【发布时间】：2021-12-28 19:06:16

【问题描述】：

我想从用户变量给出的下拉列表中选择 2 个选项。下面的代码只能选择一个变量，所以我可以做些什么来选择多个变量。这些变量已经在我的列表中。

<script type="text/javascript">
    $(document).ready(()=>
       var  value1 ="<?php echo $name1; ?>";
       var  value2 ="<?php echo $name2; ?>";
         $('#select option[value="' + value1 +'"]').attr("selected", "selected");
         $('#select option[value="' + value2 + '"]').attr("selected", "selected");
       );     
 </script>

【问题讨论】：

除非是多选，否则只能选择一个选项。

选择下拉列表是多个，我想根据变量选择选项。

应该可以：jsfiddle.net/barmar/y1dh4ez2/1

您确定正在回显正确的值吗？使用View Source 查看分配给value1 和value2 的内容。

这段代码应该可以工作，我猜value1 和value2 不正确，或者您试图通过option 的html 而不是值进行选择。另外，在 jQuery 中，您可以直接在 select val() jsfiddle.net/jashwant/a1dL8xmo/2

中传递一个数组

【参考方案1】：

只需在 jquery 中使用val 函数

<script type="text/javascript">
   $(document).ready(()=>
      var  value1 ="<?php echo $name1; ?>";
      var  value2 ="<?php echo $name2; ?>";
        $('#select').val([value1, value2]);
      );     
</script>

【讨论】：

请停止使用 var，使用 const 或 let。也可以使用短回波模式。 const value1 = '<?=$name?>';.

@MarkusZeller 答案的目的是解决问题，而不是代码审查。

所以我查看了您的答案，很高兴指出这一点。顺便说一句，那一行可能是评论。