如何在javascript中的选择多个中添加选择答案

【问题标题】：how to add selected in select multiple in javascript如何在javascript中的选择多个中添加选择
【发布时间】：2018-02-19 12:26:28
【问题描述】：

我想帮你。我有多个选择框，我想为单击自选项时选择的选项属性添加

                <select multiple  name="system" class="form-control system">
                    <option value="Windows"> Windows </option>
                    <option value="Linux">  Linux </option>
                    <option value="MacOS"> MacOS </option>
                    <option value="FreeBSD"> FreeBSD </option>
                </select>

【问题讨论】：

标签： javascript jquery select option

【解决方案1】：

在要选择的选项中使用 selected 属性selected

示例：假设您选择 Windows 和 MacOS

<select multiple  name="system" class="form-control system">
  <option value="Windows" selected> Windows </option>
  <option value="Linux">  Linux </option>
  <option value="MacOS" selected> MacOS </option>
  <option value="FreeBSD"> FreeBSD </option>
</select>

对于 jQuery：

$("option[value='MacOs']").attr('selected', true);
$("option[value='Windows']").attr('selected', true);

【讨论】：

@issaalhadithi 查看更新的 jQuery 代码我建议您保留一些其他属性来选择元素，无论是任何类还是 id。尽量避免使用使用值的选择器

【解决方案2】：

在要选择的选项中使用 selected 属性selected

示例：假设您选择 Windows 和 MacOS

<select multiple  name="system" class="form-control system">
  <option value="Windows" selected> Windows </option>
  <option value="Linux">  Linux </option>
  <option value="MacOS" selected> MacOS </option>
  <option value="FreeBSD"> FreeBSD </option>
</select>

使用javascript，您可以通过这种方式实现，

为每个option 赋予不同的类名，点赞

<option value="Windows" selected class="o1" > Windows </option>
<option value="MacOS" selected  class="o2"> MacOS </option>

现在从javascript 获取选项并检查如下，

getElementsByClassName("o1").selected = true;
getElementsByClassName("o2").selected = true;

【讨论】：

我认为改进的答案会有所帮助。