时间戳

首页 > 解决方案 > 从javascript没有jQuery选择下拉控件中的项目

javascript - 从javascript没有jQuery选择下拉控件中的项目

问题描述

我正在使用 Office UI Fabric，并且正在使用 ms-Dropdown 控件。从javascript，我正在尝试选择和项目

<div class="ms-Dropdown" tabindex="0">
  <label class="ms-Label" style="font-size: 14px; font-weight: 600;">My Options</label>
  <i class="ms-Dropdown-caretDown ms-Icon ms-Icon--ChevronDown"></i>
  <select id="myoptions" class="ms-Dropdown-select">
    <option>Choose an option&amp;hellip;</option>
    <option>One</option>
    <option>Two</option>
  </select>
</div>

从 Javascript，我运行

document.getElementById("myoptions").value = "Two";

或者

document.getElementById("myoptions").selectedIndex = 2;

两者都不能正常工作。UI 不会使用新选择的选项刷新。

知道如何从 Javascript（没有 jQuery）中选择一个项目吗？

标签： javascripthtml

解决方案

您的选项缺少值：

 <select id="myoptions" class="ms-Dropdown-select">
    <option value=''>Choose an option&amp;hellip;</option>
    <option value='One'>One</option>
    <option value='Two'>Two</option>
  </select>

推荐阅读