时间戳

首页 > 解决方案 > 在下拉 javascript 中选择值时出现问题？

javascript - 在下拉 javascript 中选择值时出现问题？

问题描述

这是下拉菜单。

<select
  id="identity.dvsSourceList.0.issuingState.value"
  name="identity.dvsSourceList.0.issuingState.value"
  class="native black-60"
  required=""
  data-invalid=""
>
  <option value="">Please select</option>
  <option value="ACT">ACT</option>
  <option value="NSW">NSW</option>
  <option value="NT">NT</option>
  <option value="QLD">QLD</option>
  <option value="SA">SA</option>
  <option value="TAS">TAS</option>
  <option value="VIC">VIC</option>
  <option value="WA">WA</option>
</select>

我试着执行这个：

document.querySelector('identity.dvsSourceList.0.issuingState.value').value= "VIC";

但它给出了这个错误：

VM252:1 Uncaught DOMException: Failed to execute 'querySelector' on 'Document': 'identity.dvsSourceList.0.issuingState.value' is not a valid selector.
    at <anonymous>:1:10

标签： javascripthtmlconsoledropdown

解决方案

在下拉 javascript 中选择一个值是您的 id 命名约定的问题，因为您正在使用**.**您可以使用如下示例的属性选择器：

    $("[id='identity.dvsSourceList.0.issuingState.value']").val("VIC");
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
       <select
          id="identity.dvsSourceList.0.issuingState.value"
          name="identity.dvsSourceList.0.issuingState.value"
          class="native black-60"
          required=""
          data-invalid=""
        >
          <option value="">Please select</option>
          <option value="ACT">ACT</option>
          <option value="NSW">NSW</option>
          <option value="NT">NT</option>
          <option value="QLD">QLD</option>
          <option value="SA">SA</option>
          <option value="TAS">TAS</option>
          <option value="VIC">VIC</option>
          <option value="WA">WA</option>
        </select>

推荐阅读