Javascript 不设置选择的值(仅有时)

Question

我有一个 ajax 请求，成功后我尝试将值设置为一个选择，如下所示:

 $('#cadastro .ui-content #cpEstado').val(cadastro.IdentificadorEstado);
 alert(cadastro.IdentificadorEstado + ", " + $("#cpEstado").val());

正如我所说，它在请求的成功部分内，警报每次都会带来 cadastro.IdentificadorEstado 的值，但 $("#cpEstado").val() 大多数时候都为 null。以防万一我尝试将 async 设置为 false 失败。我也尝试使用

document.getElementById('cpEstado').value = cadastro.IdentificadorEstado;

但也没有用。会是什么？

  <div class="ui-block-a uf">
       <label for="cpEstado" class="select">
             <select name="estado" id="cpEstado" data-theme="c">
                   <option value="" disabled selected>UF</option>
             </select>
       </label>
  </div>

Edit1:这是一个选择元素。

Edit2:当页面加载时，应该选择与我在请求和设置中为 select 元素带来的值相同的选项。有时会被选中，有时不会。

Answer 1

你需要做的:

 $('#cadastro .ui-content #cpEstado').val(cadastro.IdentificadorEstado);
 $('#cadastro .ui-content #cpEstado').change();

或简写:

$('#cadastro .ui-content #cpEstado').val(cadastro.IdentificadorEstado).change();

你也不需要指定那个长选择器，如果元素有它自己的 id 你可以直接通过 id 引用它，因为 id 在整个 html 文档中是唯一的，所以不用写

$('#cadastro .ui-content #cpEstado')

你可以写

$('#cpEstado')

它应该有相同的结果，请注意，当选择器不是 id 而是其他一些

时，它会有不同的行为