javascript - 使用 Jquery 更改时无法选择下拉值

Question

我面临一个问题。我正在动态设置下拉值，但在更改为其他值时，使用 Jquery 不会发生这种情况。我在下面解释我的代码。

var selectedText2 = 'Active';
$("#cmbStatus option").each(function() {
  if ($(this).html() == selectedText2) {
    $(this).attr("selected", "selected");
    return;
  }
});

function getStatus() {
  console.log('status', $("#cmbStatus").val());
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select class="form-control tooltips" id="cmbStatus" name="cmbStatus" title="Pick Status">
  <option value="1">Active</option>
  <option value="0">Inactive</option>
</select>
<button type="submit" class="btn btn-primary" id="centreaddsave" onclick="getStatus();">Save</button>

这里我动态设置值(i.e-Active)。但是当我将值更改为 Inactive 并再次单击保存按钮时，值显示为 1 意味着它没有改变。请帮我解决这个问题。

Answer 1

要获得更多说明，请使用如下相同的代码

 var selectedText2 = '0';
    $("#cmbStatus").val(selectedText2);

请尝试使用值部分而不是Html来设置下拉列表的初始值。

然后获取状态

function getStatus() {
  console.log('status', $("#cmbStatus").val());
}

让我知道它是否有效。